37 lines
641 B
SCSS
37 lines
641 B
SCSS
|
/*!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 ?
|