commento-oauth.scss: move oauth button styling to file

This commit is contained in:
Adhityaa Chandrasekar 2019-02-13 00:58:01 -05:00
parent 4ceb85ae51
commit e70546fb56
3 changed files with 28 additions and 40 deletions

View File

@ -48,46 +48,6 @@ textarea {
} }
} }
.commento-oauth-buttons-container {
display: flex;
justify-content: center;
}
.commento-oauth-buttons {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
z-index: 1;
}
.commento-oauth-buttons {
display: contents;
}
.commento-google-button {
background: #dd4b39;
text-transform: uppercase;
font-size: 13px;
}
.commento-github-button {
background: #000000;
text-transform: uppercase;
font-size: 13px;
}
.commento-anonymous-button {
display: block;
color: $blue-6;
font-weight: 700;
margin-top: 12px;
font-size: 12px;
cursor: pointer;
text-align: center;
text-transform: uppercase;
}
.commento-blurred-textarea { .commento-blurred-textarea {
list-style: none; list-style: none;
display: flex; display: flex;

View File

@ -0,0 +1,27 @@
@import "colors-main.scss";
.commento-oauth-buttons-container {
display: flex;
justify-content: center;
.commento-oauth-buttons {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
z-index: 1;
display: contents;
.commento-google-button {
background: #dd4b39;
text-transform: uppercase;
font-size: 13px;
}
.commento-github-button {
background: #000000;
text-transform: uppercase;
font-size: 13px;
}
}
}

View File

@ -20,6 +20,7 @@
@import "commento-common.scss"; @import "commento-common.scss";
@import "commento-logged.scss"; // Logged in as <name> @import "commento-logged.scss"; // Logged in as <name>
@import "commento-input.scss"; // Textarea decorations @import "commento-input.scss"; // Textarea decorations
@import "commento-oauth.scss"; // OAuth buttons
@import "commento-card.scss"; // Each comment card @import "commento-card.scss"; // Each comment card
@import "commento-login.scss"; // Popup box when logging in @import "commento-login.scss"; // Popup box when logging in
@import "commento-footer.scss"; // Powered by Commento @import "commento-footer.scss"; // Powered by Commento