amis-rpc-design/libs/amis/packages/amis-ui/scss/helper/flex/_flex.scss
2023-10-07 19:42:30 +08:00

39 lines
630 B
SCSS

/*!markdown
---
title: Flex
---
| Class | Properties |
| ----------- | ------------------------ |
| flex-1 | flex: 1 1 0% |
| flex-auto | flex: 1 1 auto |
| flex-initial | flex: 0 1 auto |
| flex-none | flex: none |
*/
@mixin make-flex($prefix: '.') {
#{$prefix}flex-1 {
flex: 1 1 0%;
}
#{$prefix}flex-auto {
flex: 1 1 auto;
}
#{$prefix}flex-initial {
flex: 0 1 auto;
}
#{$prefix}flex-none {
flex: none;
}
}
@include make-flex();
@each $deivce in map-keys($devices) {
@include media-device($deivce) {
@include make-flex('.' + selector-escape($deivce + ':'));
}
}