58 lines
1.5 KiB
SCSS
58 lines
1.5 KiB
SCSS
|
@import "../abstracts/variables";
|
||
|
|
@import "../abstracts/functions";
|
||
|
|
@import "../abstracts/mixins";
|
||
|
|
@import "../abstracts/placeholders";
|
||
|
|
@import "../abstracts/utilities";
|
||
|
|
@import "../themes/light";
|
||
|
|
|
||
|
|
:host {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
richlistbox {
|
||
|
|
padding: var(--style-configurator-richlistbox-padding, 2px);
|
||
|
|
max-height: var(--style-configurator-richlistitem-max-height, 260px);
|
||
|
|
overflow: var(--style-configurator-richlistitem-overflow, auto scroll);
|
||
|
|
|
||
|
|
richlistitem {
|
||
|
|
line-height: var(--style-configurator-richlistitem-line-height, 1.5em);
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (-moz-platform: macos) {
|
||
|
|
&:not(:focus) richlistitem[selected="true"] {
|
||
|
|
background-color: -moz-mac-secondaryhighlight;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
#locale-selector-wrapper,
|
||
|
|
#style-selector-wrapper,
|
||
|
|
#display-as-wrapper {
|
||
|
|
background-color: var(--style-configurator-field-wrapper-background-color, $input-group-background-color);
|
||
|
|
border-radius: var(--style-configurator-field-wrapper-border-radius, $border-radius-base);
|
||
|
|
border: var(--style-configurator-field-wrapper-border, 1px solid $input-group-border-color);
|
||
|
|
margin: var(--style-configurator-field-margin, 1.5em 0 0 0);
|
||
|
|
padding: var(--style-configurator-field-padding, $space-xs);
|
||
|
|
}
|
||
|
|
|
||
|
|
label[for="style-selector"] {
|
||
|
|
margin: var(--style-configurator-label-margin, 1.5em 0 0 0);
|
||
|
|
font-size: var(--style-configurator-label-font-size, 13px);
|
||
|
|
}
|
||
|
|
|
||
|
|
#style-selector-wrapper {
|
||
|
|
margin: var(--style-configurator-style-field-margin, 0);
|
||
|
|
}
|
||
|
|
|
||
|
|
#locale-selector-wrapper {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
#display-as-wrapper {
|
||
|
|
radiogroup {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
}
|
||
|
|
}
|