42 lines
998 B
SCSS
42 lines
998 B
SCSS
// Input styles
|
|
// ----------------------------------------------
|
|
|
|
/* SG
|
|
# Forms/Inputs
|
|
|
|
```
|
|
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText CDB-Text">
|
|
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText has-error CDB-Text">
|
|
<input type="text" name="text" placeholder="DejaVu Sans" disabled class="CDB-InputText is-disabled CDB-Text">
|
|
```
|
|
*/
|
|
|
|
@import '../../cdb-variables/sizes';
|
|
@import '../../cdb-variables/colors';
|
|
|
|
.CDB-InputText {
|
|
width: 100%;
|
|
padding: 7px 8px 6px;
|
|
border: 1px solid $cMainLine;
|
|
border-radius: $baseSize / 2;
|
|
font-size: $sFontSize-medium;
|
|
line-height: $sLineHeight-medium;
|
|
box-sizing: border-box;
|
|
|
|
&:hover {
|
|
border: 1px solid $cHoverLine;
|
|
}
|
|
&:focus {
|
|
border: 1px solid $cBlue;
|
|
}
|
|
&:disabled {
|
|
border-color: $cSecondaryLine;
|
|
background: $cThirdBackground;
|
|
}
|
|
&.has-error {
|
|
border: 1px solid rgba($cError, 0.48);
|
|
background: rgba($cError, 0.04);
|
|
color: $cError;
|
|
}
|
|
}
|