1 | @use './variables.scss' as *;
|
2 |
|
3 | @mixin Listbox() {
|
4 | .rw-listbox {
|
5 | border-radius: $widget-border-radius;
|
6 | background-color: $widget-bg;
|
7 | border: $widget-border-color 1px solid;
|
8 |
|
9 | &.rw-state-focus {
|
10 | color: $input-focus-color;
|
11 | background-color: $input-focus-bg;
|
12 | border-color: $input-focus-border-color;
|
13 | box-shadow: #{$widget-focus-box-shadow}, #{$input-box-shadow};
|
14 | transition: if($widget-focus-box-shadow, $widget-focus-transition, null);
|
15 | }
|
16 |
|
17 | &.rw-state-disabled > *,
|
18 | fieldset[disabled] & > * {
|
19 | pointer-events: none;
|
20 | }
|
21 |
|
22 | &.rw-state-readonly > * {
|
23 | cursor: inherit;
|
24 | }
|
25 | }
|
26 | }
|