@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
);

}