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