Skip to content
This repository has been archived by the owner on Jan 13, 2025. It is now read-only.

feat(form-field): Add support for space-between #5754

Closed
wants to merge 11 commits into from
24 changes: 22 additions & 2 deletions packages/mdc-form-field/_mixins.scss
Original file line number Diff line number Diff line change
Expand Up @@ -47,23 +47,43 @@
// stylelint-disable-next-line selector-max-type
> label {
@include feature-targeting-mixins.targets($feat-structure) {
@include rtl-mixins.reflexive-property(margin, 0, auto);
Misiu marked this conversation as resolved.
Show resolved Hide resolved
@include rtl-mixins.reflexive-property(padding, variables.$item-spacing, 0);

order: 0;
}
}

&:not(.mdc-form-field--space-between) {
> label {
@include feature-targeting-mixins.targets($feat-structure) {
@include rtl-mixins.reflexive-property(margin, 0, auto);
}
}
}
Misiu marked this conversation as resolved.
Show resolved Hide resolved
}

.mdc-form-field--align-end {
// stylelint-disable-next-line selector-max-type
> label {
@include feature-targeting-mixins.targets($feat-structure) {
@include rtl-mixins.reflexive-property(margin, auto, 0);
Misiu marked this conversation as resolved.
Show resolved Hide resolved
@include rtl-mixins.reflexive-property(padding, 0, variables.$item-spacing);

order: -1;
}
}

Misiu marked this conversation as resolved.
Show resolved Hide resolved
&:not(.mdc-form-field--space-between) {
> label {
@include feature-targeting-mixins.targets($feat-structure) {
@include rtl-mixins.reflexive-property(margin, auto, 0);
}
}
}
}

Misiu marked this conversation as resolved.
Show resolved Hide resolved
.mdc-form-field--space-between {
@include feature-targeting-mixins.targets($feat-structure) {
justify-content: space-between;
}
}
Misiu marked this conversation as resolved.
Show resolved Hide resolved
}