amis2/packages/amis-ui/scss/helper/box-alignment/_align-self.scss
2022-06-01 15:06:00 +08:00

41 lines
803 B
SCSS

/*!markdown
---
title: Align Self
---
| Class | Properties |
| ----------- | ------------------------ |
| self-auto | align-self: auto |
| self-start | align-self: flex-start |
| self-end | align-self: flex-end |
| self-center | align-self: center |
| self-stretch | align-self: stretch |
*/
@mixin make-align-self($prefix: '.') {
#{$prefix}self-auto {
align-self: auto;
}
#{$prefix}self-start {
align-self: flex-start;
}
#{$prefix}self-end {
align-self: flex-end;
}
#{$prefix}self-center {
align-self: center;
}
#{$prefix}self-stretch {
align-self: stretch;
}
}
@include make-align-self();
@each $deivce in map-keys($devices) {
@include media-device($deivce) {
@include make-align-self('.' + selector-escape($deivce + ':'));
}
}