yann/liebling
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Add styles to form controls

Browse source
This commit is contained in:
Eduardo 2019-06-01 17:10:42 +02:00
parent cba609432e
commit aa4dbc20c1
7 changed files with 46 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/css/app.css
View file

File diff suppressed because one or more lines are too long

2
package.json
View file

@ -54,5 +54,5 @@
"desktop": "assets/screenshot-desktop.jpg",
"mobile": "assets/screenshot-mobile.jpg"
},
"version": "0.1.7"
"version": "0.1.8"
}

1
src/sass/app.scss
View file

@ -52,6 +52,7 @@
@import "components/author/author";
@import "components/author/picture";
@import "components/author/links";
@import "components/comments/comments";
@import "components/comments/load-comments";
@import "components/search/search";
@import "components/search/icon";

3
src/sass/common/_variables.scss
View file

@ -8,9 +8,6 @@ $light-blue: #f4f8fd;
$dark-blue: #293951;
$gray: #9b9b9b;
/** Images */
$img-url: "../img/";
/** Box Model */
$mobile-space: 20px;
$mobile-bar-height: 50px;

7
src/sass/components/comments/_comments.scss Normal file
View file

@ -0,0 +1,7 @@
.m-comments {
padding-top: 40px;
@include respond-to('medium') {
padding-top: 60px;
}
}

5
src/sass/components/comments/_load-comments.scss
View file

@ -1,11 +1,10 @@
.m-load-comments {
position: relative;
margin: 0 auto 40px;
margin: 0 auto;
max-width: 280px;
@include respond-to('medium') {
max-width: 400px;
margin-bottom: 60px;
}
}
@ -16,7 +15,7 @@
top: 50%;
height: 1px;
z-index: 1;
background-color: #e2e2e2;
background-color: $light-blue;
}
.m-load-comments__iframe {

34
src/sass/layouts/_post-content.scss
View file

@ -381,4 +381,38 @@
}
}
form {
margin-bottom: 25px;
@include respond-to('medium') {
margin-bottom: 30px;
}
}
input,
textarea,
select {
margin-bottom: 20px;
@extend .m-input;
}
textarea {
height: 100px;
resize: none;
}
select {
position: relative;
padding-right: 40px !important;
background-repeat: no-repeat;
background-position: calc(100% -15px) center;
background-size: 15px 8px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjUiIHZpZXdCb3g9IjAgMCA5IDUiPgogICAgPHBhdGggZmlsbD0iIzU2NWU2MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4zMi41N2EuMjQ3LjI0NyAwIDAgMSAwIC4zNkw0LjY4IDQuNTdhLjI0Ny4yNDcgMCAwIDEtLjM2IDBMLjY4LjkzYS4yNDcuMjQ3IDAgMCAxIDAtLjM2bC4zOS0uMzlhLjI0Ny4yNDcgMCAwIDEgLjM2IDBMNC41IDMuMjUgNy41Ny4xOGEuMjQ3LjI0NyAwIDAgMSAuMzYgMGwuMzkuMzl6Ii8+Cjwvc3ZnPgo=");
}
button:not(.m-icon-button) {
border: 1px solid $body !important;
@extend .m-button;
}
}