2020-12-10 16:49:59 +08:00
|
|
|
/*!markdown
|
|
|
|
|
|
|
|
---
|
|
|
|
title: Flex Wrap
|
|
|
|
---
|
|
|
|
|
2020-12-22 14:58:36 +08:00
|
|
|
| Class | Properties |
|
|
|
|
| ----------- | ------------------------ |
|
|
|
|
| flex-wrap | flex-wrap: wrap |
|
|
|
|
| flex-wrap-reverse | flex-wrap: wrap-reverse |
|
|
|
|
| flex-nowrap | flex-wrap: nowrap |
|
2020-12-10 16:49:59 +08:00
|
|
|
|
|
|
|
|
|
|
|
*/
|
2020-11-26 19:43:32 +08:00
|
|
|
@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 ?
|