amis/scss/utilities/flex/_direction.scss
2020-11-26 19:43:32 +08:00

26 lines
489 B
SCSS

@mixin make-flex-direction($prefix: '.') {
#{$prefix}flex-row {
flex-direction: row;
}
#{$prefix}flex-row-reverse {
flex-direction: row-reverse;
}
#{$prefix}flex-col {
flex-direction: column;
}
#{$prefix}flex-col-reverse {
flex-direction: column-reverse;
}
}
@include make-flex-direction();
@each $deivce in map-keys($devices) {
@include media-device($deivce) {
@include make-flex-direction('.' + selector-escape($deivce + ':'));
}
}
// hover ?