amis2/scss/helper/box-alignment/_place-content.scss

49 lines
1.2 KiB
SCSS

/*!markdown
---
title: Place Content
---
| Class | Properties |
| ----------- | ------------------------ |
| place-content-center | place-content: center |
| place-content-start | place-content: start |
| place-content-end | place-content: end |
| place-content-between | place-content: space-between |
| place-content-around | place-content: space-around |
| place-content-evenly | place-content: space-evenly |
| place-content-stretch | place-content: stretch |
*/
@mixin make-place-content($prefix: '.') {
#{$prefix}place-content-center {
place-content: center;
}
#{$prefix}place-content-start {
place-content: start;
}
#{$prefix}place-content-end {
place-content: end;
}
#{$prefix}place-content-between {
place-content: space-between;
}
#{$prefix}place-content-around {
place-content: space-around;
}
#{$prefix}place-content-evenly {
place-content: space-evenly;
}
#{$prefix}place-content-stretch {
place-content: stretch;
}
}
@include make-place-content();
@each $deivce in map-keys($devices) {
@include media-device($deivce) {
@include make-place-content('.' + selector-escape($deivce + ':'));
}
}