41 lines
915 B
SCSS
41 lines
915 B
SCSS
|
/*!markdown
|
||
|
|
|
||
|
|
---
|
||
|
|
title: Justify Items
|
||
|
|
---
|
||
|
|
|
||
|
|
| Class | Properties |
|
||
|
|
| ----------- | ------------------------ |
|
||
|
|
| justify-items-auto | justify-items: auto |
|
||
|
|
| justify-items-start | justify-items: start |
|
||
|
|
| justify-items-end | justify-items: end |
|
||
|
|
| justify-items-center | justify-items: center |
|
||
|
|
| justify-items-stretch | justify-items: stretch |
|
||
|
|
|
||
|
|
|
||
|
|
*/
|
||
|
|
@mixin make-justify-items($prefix: '.') {
|
||
|
|
#{$prefix}justify-items-auto {
|
||
|
|
justify-items: auto;
|
||
|
|
}
|
||
|
|
#{$prefix}justify-items-start {
|
||
|
|
justify-items: start;
|
||
|
|
}
|
||
|
|
#{$prefix}justify-items-end {
|
||
|
|
justify-items: end;
|
||
|
|
}
|
||
|
|
#{$prefix}justify-items-center {
|
||
|
|
justify-items: center;
|
||
|
|
}
|
||
|
|
#{$prefix}justify-items-stretch {
|
||
|
|
justify-items: stretch;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@include make-justify-items();
|
||
|
|
@each $deivce in map-keys($devices) {
|
||
|
|
@include media-device($deivce) {
|
||
|
|
@include make-justify-items('.' + selector-escape($deivce + ':'));
|
||
|
|
}
|
||
|
|
}
|