46 lines
753 B
SCSS
46 lines
753 B
SCSS
/*
|
|
* Input
|
|
* Contains styles for input and input elements.
|
|
*
|
|
* Dependencies:
|
|
*
|
|
*
|
|
* Version:
|
|
* 1.0.0 - 2018/05/13
|
|
*/
|
|
$o-input--padding: 1em;
|
|
|
|
.o-input-wrapper {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
|
|
border: $s-color--input-default__border;
|
|
border-radius: $o-input--padding / 3;
|
|
padding-bottom: $o-input--padding / 2;
|
|
}
|
|
|
|
.o-input {
|
|
display: block;
|
|
width: 100%;
|
|
padding: $o-input--padding / 2;
|
|
margin: 0;//For some reason textareas have a 1px margin
|
|
|
|
border-bottom: $s-color--input-default__border;
|
|
border-radius: $o-input--padding / 3;
|
|
|
|
//Textarea
|
|
max-width: 100%;
|
|
min-width: 100%;
|
|
|
|
//Placeholder
|
|
@include t-placeholder() {
|
|
}
|
|
}
|
|
|
|
|
|
.o-label {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|