discourse/app/assets/stylesheets/common/select-kit/single-select.scss
Jordan Vidrine 20f57aec12
UX: Variable additions (#33473)
Working on adding a lot more variables to core. Doing so enables easy
styling & changes to the main bulk of the interface.

**Example of what can be done**
Using these variables in core allows for the following stylistic changes
to be made with less than 100 lines of code. Most of which are changing
the value assigned to variables in this PR.

![CleanShot 2025-07-03 at 19 56
46@2x](https://github.com/user-attachments/assets/130dc8be-3970-49ea-9003-d124d779edcc)
2025-07-09 18:53:01 -05:00

30 lines
546 B
SCSS
Vendored

.select-kit.single-select {
.select-kit-filter {
display: flex;
&.is-expanded {
border-bottom: 1px solid var(--content-border-color);
}
}
&.is-expanded .select-kit-header:not(.btn),
.select-kit-header:not(.btn):focus,
.select-kit-header:not(.btn):active {
@include default-focus;
}
.select-kit-header:focus {
@include default-focus;
}
.select-kit-header.btn:focus,
.select-kit-header.btn:active {
outline: none;
}
&.is-disabled {
.select-kit-header {
opacity: 0.5;
}
}
}