jake/commento
1
Fork 0
mirror of https://gitlab.com/commento/commento.git synced 2025-06-29 22:56:37 -04:00
Code Releases Activity

commento.js, commento-input.scss: make textarea cleaner

Browse Source
This commit is contained in:
Adhityaa Chandrasekar
2019-02-13 00:53:42 -05:00
parent 41b0c8e5ca
commit 4ceb85ae51
2 changed files with 187 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
frontend/sass/commento-input.scss
View File

@ -1,4 +1,5 @@
@import "colors-main.scss";
@import "checkbox.scss";
textarea,
input[type=text] {
@ -52,9 +53,7 @@ textarea {
justify-content: center;
}
.commento-oauth-buttons,
.commento-account-buttons,
.commento-account-buttons-container {
.commento-oauth-buttons {
display: flex;
flex-direction: column;
align-items: center;
@ -62,34 +61,10 @@ textarea {
z-index: 1;
}
.commento-account-buttons {
position: static;
flex-direction: row;
}
.commento-account-buttons-container {
top: 45px;
padding-bottom: 10px;
}
.commento-oauth-buttons {
display: contents;
}
.commento-account-buttons-question {
position: absolute;
top: 10px;
display: block;
text-align: center;
justify-content: center;
align-items: center;
font-weight: bold;
font-size: 14px;
padding: 6px;
color: $gray-8;
outline: none;
}
.commento-google-button {
background: #dd4b39;
text-transform: uppercase;
@ -135,23 +110,9 @@ textarea {
width: fit-content;
}
.commento-create-button {
width: 150px;
background: $pink-9;
text-transform: uppercase;
font-size: 12px;
}
.commento-login-button {
width: 50px;
background: $cyan-9;
text-transform: uppercase;
font-size: 12px;
}
.commento-submit-button {
float: right;
background: $indigo-7;
background: $blue-8;
text-transform: uppercase;
font-size: 12px;
}
@ -167,3 +128,24 @@ textarea {
.commento-button-margin {
padding-bottom: 60px;
}
.commento-anonymous-checkbox-container {
float: right;
margin: 20px 16px;
input[type="checkbox"] + label {
padding-left: 24px;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
color: $gray-7;
}
input[type="checkbox"] + label:before {
margin-top: 1px;
}
input[type="checkbox"] + label:after {
margin-top: -1px;
}
}