amis-rpc-design/libs/amis/packages/amis-ui/scss/helper/flex/_wrap.scss

37 lines
641 B
SCSS
Raw Normal View History

2023-10-07 19:42:30 +08:00
/*!markdown
---
title: Flex Wrap
---
| Class | Properties |
| ----------- | ------------------------ |
| flex-wrap | flex-wrap: wrap |
| flex-wrap-reverse | flex-wrap: wrap-reverse |
| flex-nowrap | flex-wrap: nowrap |
*/
@mixin make-flex-wrap($prefix: '.') {
#{$prefix}flex-wrap {
flex-wrap: wrap;
}
#{$prefix}flex-wrap-reverse {
flex-wrap: wrap-reverse;
}
#{$prefix}flex-nowrap {
flex-wrap: nowrap;
}
}
@include make-flex-wrap();
@each $deivce in map-keys($devices) {
@include media-device($deivce) {
@include make-flex-wrap('.' + selector-escape($deivce + ':'));
}
}
// hover ?