mirror of
https://github.com/wagtail/wagtail.git
synced 2024-11-30 01:46:24 +01:00
33 lines
736 B
SCSS
33 lines
736 B
SCSS
|
/**
|
||
|
|
* Field styles reusable across **all** fields, including:
|
||
|
|
* Text input, textarea, checkbox, radio, select, etc.
|
||
|
|
*/
|
||
|
|
@mixin input-base() {
|
||
|
|
appearance: none;
|
||
|
|
border-radius: theme('borderRadius.DEFAULT');
|
||
|
|
color: $color-input-text;
|
||
|
|
background-color: $color-input-bg;
|
||
|
|
border: 1px solid $color-input-border;
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
border-color: $color-input-hover-border;
|
||
|
|
}
|
||
|
|
|
||
|
|
&[disabled],
|
||
|
|
&[disabled]:hover {
|
||
|
|
color: $color-input-disabled-text;
|
||
|
|
background-color: $color-input-disabled-bg;
|
||
|
|
border-color: $color-input-disabled-border;
|
||
|
|
cursor: not-allowed;
|
||
|
|
}
|
||
|
|
|
||
|
|
.error &,
|
||
|
|
&[aria-invalid='true'] {
|
||
|
|
border-color: $color-input-error-border;
|
||
|
|
}
|
||
|
|
|
||
|
|
&::placeholder {
|
||
|
|
color: $color-input-disabled-text;
|
||
|
|
}
|
||
|
|
}
|