49 lines
1.2 KiB
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 + ':'));
|
|
}
|
|
}
|