mirror of
https://gh.wpcy.net/https://github.com/discourse/discourse.git
synced 2026-06-19 08:23:45 +08:00
2048952958
This moves our form-kit mobile CSS into the common directory using breakpoints as needed. * `form-kit__control-text` doesn't seem to exist at all, so removed that style. * `.form-kit__before-input, .form-kit__after-input` already existed behind a breakpoint in the common file, so these were redundant Shouldn't be any visual difference as a result of these changes.
43 lines
713 B
SCSS
Vendored
43 lines
713 B
SCSS
Vendored
@use "lib/viewport";
|
|
|
|
.form-kit__control-menu {
|
|
@include viewport.until(sm) {
|
|
justify-content: space-between;
|
|
min-width: var(--form-kit-small-input);
|
|
}
|
|
|
|
&-trigger {
|
|
justify-content: space-between;
|
|
|
|
@include default-input;
|
|
width: auto;
|
|
}
|
|
|
|
&-content {
|
|
.dropdown-menu {
|
|
min-width: 200px;
|
|
}
|
|
|
|
.dropdown-menu__item {
|
|
&:hover {
|
|
background: var(--d-hover);
|
|
}
|
|
}
|
|
}
|
|
|
|
@include viewport.until(sm) {
|
|
&-item {
|
|
.btn:focus,
|
|
.btn:active {
|
|
.discourse-touch & {
|
|
color: var(--primary);
|
|
background: rgb(0, 0, 0, 0);
|
|
}
|
|
}
|
|
|
|
&:last-of-type .btn {
|
|
color: var(--tertiary);
|
|
}
|
|
}
|
|
}
|
|
}
|
