12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- @use '../../tools' as *;
- .w-field-row {
- @include max-form-width();
- gap: theme('spacing.5');
-
- display: flex;
- flex-wrap: wrap;
- @include media-breakpoint-up(md) {
- display: grid;
- grid-auto-flow: column;
-
- grid-auto-columns: minmax(min-content, 1fr);
- }
- .w-field__wrapper + &,
- + .w-field__wrapper {
- margin-top: theme('spacing.5');
- }
- > .w-field__wrapper {
- margin-top: 0;
- }
-
-
-
-
- @for $i from 1 through 12 {
- > .col#{$i} {
- display: block;
- float: none;
- padding: 0;
- width: auto;
- grid-column: span #{$i};
- }
- }
- }
- .w-field-row--max-content {
- @include media-breakpoint-up(md) {
- grid-auto-columns: minmax(min-content, max-content);
- }
- }
|