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.
42 lines
791 B
SCSS
Vendored
42 lines
791 B
SCSS
Vendored
@use "lib/viewport";
|
|
|
|
.form-kit__row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-right: calc(-0.5 * var(--form-kit-gutter-x));
|
|
margin-left: calc(-0.5 * var(--form-kit-gutter-x));
|
|
row-gap: calc(var(--form-kit-gutter-y) + 1.75em);
|
|
padding-top: 1.75em;
|
|
width: 100%;
|
|
|
|
> * {
|
|
flex-shrink: 0;
|
|
padding-right: calc(var(--form-kit-gutter-x) * 0.5);
|
|
padding-left: calc(var(--form-kit-gutter-x) * 0.5);
|
|
}
|
|
|
|
> *:not(.col-*) {
|
|
width: 100%;
|
|
}
|
|
|
|
.form-kit__container-content {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.form-kit__col:not(:has(.form-kit__button)) {
|
|
position: relative;
|
|
}
|
|
|
|
.form-kit__button {
|
|
height: 2.25em;
|
|
|
|
@include viewport.from(sm) {
|
|
height: 2em;
|
|
}
|
|
}
|
|
|
|
.form-kit__container-title {
|
|
position: absolute;
|
|
top: -1.75em;
|
|
}
|
|
}
|
