32 lines
695 B
SCSS
32 lines
695 B
SCSS
.input__field {
|
|
$lineHeight: 1.4;
|
|
$fontSize: 16px;
|
|
$paddingVrt: 10px;
|
|
$lines: 3;
|
|
$height: $fontSize * $lineHeight * $lines + $paddingVrt * 2;
|
|
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: $height;
|
|
min-height: $height;
|
|
padding: $paddingVrt 12px;
|
|
margin: 0;
|
|
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
|
|
font-size: $fontSize;
|
|
line-height: $lineHeight;
|
|
background: #fff;
|
|
border: 0;
|
|
resize: none;
|
|
backface-visibility: hidden; // let's try to fix blinking in Safari
|
|
transform: translateZ(0); // let's try to fix blinking in Safari, again
|
|
|
|
&:focus {
|
|
box-shadow: inset 0 0 0 2px #259c9a;
|
|
outline: none;
|
|
}
|
|
|
|
&:disabled {
|
|
color: #777;
|
|
}
|
|
}
|