scss/definitions: style select
This commit is contained in:
parent
a4b2e76693
commit
3c979746be
2 changed files with 35 additions and 0 deletions
|
@ -87,3 +87,22 @@ $color-font: #444;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 2. Forms elements */
|
||||||
|
|
||||||
|
select {
|
||||||
|
@include borders();
|
||||||
|
@include border-radius();
|
||||||
|
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: calc(2.25rem + 2px);
|
||||||
|
padding: .375rem .75rem;
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: 1.5em;
|
||||||
|
color: $color-font;
|
||||||
|
background-color: #fff;
|
||||||
|
background-clip: padding-box;
|
||||||
|
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
|
||||||
|
margin-top: 0.75rem;
|
||||||
|
}
|
||||||
|
|
16
style.css
16
style.css
|
@ -115,6 +115,22 @@
|
||||||
.screen-reader-text {
|
.screen-reader-text {
|
||||||
display: none; } }
|
display: none; } }
|
||||||
|
|
||||||
|
/* 2. Forms elements */
|
||||||
|
select {
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.3);
|
||||||
|
border-radius: 0px 0px 0px 0px;
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: calc(2.25rem + 2px);
|
||||||
|
padding: .375rem .75rem;
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: 1.5em;
|
||||||
|
color: #444;
|
||||||
|
background-color: #fff;
|
||||||
|
background-clip: padding-box;
|
||||||
|
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
|
||||||
|
margin-top: 0.75rem; }
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* 2 - Typography ( _typography.scss )
|
* 2 - Typography ( _typography.scss )
|
||||||
*
|
*
|
||||||
|
|
Reference in a new issue