2020-12-10 16:49:59 +08:00
|
|
|
/*!markdown
|
|
|
|
|
|
|
|
---
|
|
|
|
title: Place Self
|
|
|
|
---
|
|
|
|
|
2020-12-22 14:58:36 +08:00
|
|
|
| Class | Properties |
|
|
|
|
| ----------- | ------------------------ |
|
|
|
|
| place-self-auto | place-self: auto |
|
|
|
|
| place-self-start | place-self: start |
|
|
|
|
| place-self-end | place-self: end |
|
|
|
|
| place-self-center | place-self: center |
|
|
|
|
| place-self-stretch | place-self: stretch |
|
2020-12-10 16:49:59 +08:00
|
|
|
|
|
|
|
|
|
|
|
*/
|
2020-11-27 00:11:42 +08:00
|
|
|
@mixin make-place-self($prefix: '.') {
|
|
|
|
#{$prefix}place-self-auto {
|
|
|
|
place-self: auto;
|
|
|
|
}
|
|
|
|
#{$prefix}place-self-start {
|
|
|
|
place-self: start;
|
|
|
|
}
|
|
|
|
#{$prefix}place-self-end {
|
|
|
|
place-self: end;
|
|
|
|
}
|
|
|
|
#{$prefix}place-self-center {
|
|
|
|
place-self: center;
|
|
|
|
}
|
|
|
|
#{$prefix}place-self-stretch {
|
|
|
|
place-self: stretch;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@include make-place-self();
|
|
|
|
@each $deivce in map-keys($devices) {
|
|
|
|
@include media-device($deivce) {
|
|
|
|
@include make-place-self('.' + selector-escape($deivce + ':'));
|
|
|
|
}
|
|
|
|
}
|