open-consul/ui/packages/consul-ui/app/components/expanded-single-select/skin.scss
John Cowen a686404ccd
ui: Fix brand coloring for inline-code plus docs (#11578)
* ui: Fix brand coloring for inline-code plus docs

Also use --tones instead of --black/--white (#11601)

Co-authored-by: Evan Rowe <ev.rowe@gmail.com>
2021-11-23 18:32:11 +00:00

19 lines
630 B
SCSS

%expanded-single-select {
border: var(--decor-border-100);
border-color: rgb(var(--tone-gray-300));
border-radius: var(--decor-radius-100);
}
%expanded-single-select label {
cursor: pointer;
}
%expanded-single-select input[type='radio']:checked + *,
%expanded-single-select input[type='radio']:hover + *,
%expanded-single-select input[type='radio']:focus + * {
box-shadow: var(--decor-elevation-300);
}
%expanded-single-select input[type='radio']:checked + *,
%expanded-single-select input[type='radio']:hover + *,
%expanded-single-select input[type='radio']:focus + * {
background-color: rgb(var(--tone-gray-000));
}