quarante-douze/qdouze-wordpress-theme
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

scss/definitions: make forms follow the theming

Browse source
This commit is contained in:
Kazhnuz 2018-10-27 14:25:55 +02:00
parent d94f93cf8e
commit 6169fd44ac
2 changed files with 44 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
scss/_definitions.scss
View file

@ -109,3 +109,29 @@ select {
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-top: 0.75rem;
}
.input-group {
border-color: $color-dark;
&-prepend {
background-color: $color-grey;
@include borders();
@include border-radius();
}
&-text {
background-color: transparent;
color: #FFF;
border: none;
text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
}
.form-control {
@include borders();
@include border-radius();
box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.1);
&:focus {
box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 2px lighten($color-primary, 20%) ;
}
}
}

18
style.css
View file

@ -131,6 +131,24 @@ select {
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-top: 0.75rem; }
.input-group {
border-color: #2D2D2D; }
.input-group-prepend {
background-color: #77767b;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 0px 0px 0px 0px; }
.input-group-text {
background-color: transparent;
color: #FFF;
border: none;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); }
.input-group .form-control {
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 0px 0px 0px 0px;
box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.1); }
.input-group .form-control:focus {
box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 2px #ee8c7d; }
/*
* 2 - Typography ( _typography.scss )
*