You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Connected.Components/Styles/utilities/flexbox/_index.scss

29 lines
782 B

@import '../../abstracts/variables';
@import 'flex';
@import 'flex-direction';
@import 'flex-grow';
@import 'flex-shrink';
@import 'flex-wrap';
@import 'justify-content';
@import 'order';
@import 'align-content';
@import 'align-items';
@import 'align-self';
@import 'gap';
@each $name, $value in $breakpoints-css-utilities-only {
@media (min-width:$value) {
@include flex($name + "-");
@include flex-direction($name + "-");
@include flex-grow($name + "-");
@include flex-shrink($name + "-");
@include flex-wrap($name + "-");
@include justify-content($name + "-");
@include order($name + "-");
@include align-content($name + "-");
@include align-items($name + "-");
@include align-self($name + "-");
@include gap($name + "-");
}
}