sp-magic.de/bower_components/foundation-sites/scss/components/_flex.scss

29 lines
633 B
SCSS
Raw Normal View History

2016-10-28 17:56:41 +00:00
@mixin foundation-flex-classes {
// Horizontal alignment using justify-content
@each $hdir, $prop in map-remove($-zf-flex-justify, left) {
.align-#{$hdir} {
@include flex-align($x: $hdir);
}
}
// Vertical alignment using align-items and align-self
@each $vdir, $prop in $-zf-flex-align {
.align-#{$vdir} {
@include flex-align($y: $vdir);
}
.align-self-#{$vdir} {
@include flex-align-self($y: $vdir);
}
}
// Source ordering
@include -zf-each-breakpoint {
@for $i from 1 through 6 {
.#{$-zf-size}-order-#{$i} {
@include flex-order($i);
}
}
}
}