26 lines
547 B
SCSS
26 lines
547 B
SCSS
|
|
||
|
|
// Variables
|
||
|
|
$picnic-input-height: 2.1em !default;
|
||
|
|
$picnic-input-padding: math.div($picnic-separation, 2) $picnic-separation !default;
|
||
|
|
$picnic-input-background: $picnic-white !default;
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
// Top level selector
|
||
|
|
%input {
|
||
|
|
line-height: 1.5;
|
||
|
|
margin: 0;
|
||
|
|
height: $picnic-input-height;
|
||
|
|
padding: $picnic-input-padding;
|
||
|
|
border: $picnic-border;
|
||
|
|
background-color: $picnic-input-background;
|
||
|
|
border-radius: $picnic-radius;
|
||
|
|
transition: $picnic-transition;
|
||
|
|
width: 100%;
|
||
|
|
|
||
|
|
&:focus {
|
||
|
|
border: 1px solid $picnic-primary;
|
||
|
|
outline: 0;
|
||
|
|
}
|
||
|
|
}
|