what2watch/scss/plugins/input/_class.scss

26 lines
547 B
SCSS
Raw Normal View History

2023-09-22 00:43:18 +00:00
// 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;
}
}