@import “shared”;
// display:box; must be used for any of the other flexbox mixins to work properly @mixin display-box {
@include experimental-value(display, box, -moz, -webkit, not -o, not -ms, not -khtml, official );
}
// Default box orientation, assuming that the user wants something less block-like $default-box-orient: horizontal !default;
// Box orientation [ horizontal | vertical | inline-axis | block-axis | inherit ] @mixin box-orient(
$orientation: $default-box-orient
) {
$orientation : unquote($orientation); @include experimental(box-orient, $orientation, -moz, -webkit, not -o, not -ms, not -khtml, official );
}
// Default box-align $default-box-align: stretch !default;
// Box align [ start | end | center | baseline | stretch ] @mixin box-align(
$alignment: $default-box-align
) {
$alignment : unquote($alignment); @include experimental(box-align, $alignment, -moz, -webkit, not -o, not -ms, not -khtml, official );
}
// Default box flex $default-box-flex: 0 !default;
// mixin which takes an int argument for box flex. Apply this to the children inside the box. // // For example: “div.display-box > div.child-box” would get the box flex mixin. @mixin box-flex(
$flex: $default-box-flex
) {
@include experimental(box-flex, $flex, -moz, -webkit, not -o, not -ms, not -khtml, official ); display: block;
}
// Default flex group $default-box-flex-group: 1 !default;
// mixin which takes an int argument for flexible grouping @mixin box-flex-group(
$group: $default-box-flex-group
) {
@include experimental(box-flex-group, $group, -moz, -webkit, not -o, not -ms, not -khtml, official );
}
// default for ordinal group $default-box-ordinal-group: 1 !default;
// mixin which takes an int argument for ordinal grouping and rearranging the order @mixin box-ordinal-group(
$group: $default-ordinal-flex-group
) {
@include experimental(box-ordinal-group, $group, -moz, -webkit, not -o, not -ms, not -khtml, official );
}
// Box direction default value $default-box-direction: normal !default;
// mixin for box-direction [ normal | reverse | inherit ] @mixin box-direction(
$direction: $default-box-direction
) {
$direction: unquote($direction); @include experimental(box-direction, $direction, -moz, -webkit, not -o, not -ms, not -khtml, official );
}
// default for box lines $default-box-lines: single !default;
// mixin for box lines [ single | multiple ] @mixin box-lines(
$lines: $default-box-lines
) {
$lines: unquote($lines); @include experimental(box-lines, $lines, -moz, -webkit, not -o, not -ms, not -khtml, official );
}
// default for box pack $default-box-pack: start !default;
// mixin for box pack [ start | end | center | justify ] @mixin box-pack(
$pack: $default-box-pack
) {
$pack: unquote($pack); @include experimental(box-pack, $pack, -moz, -webkit, not -o, not -ms, not -khtml, official );
}