69 lines
2.5 KiB
Sass
69 lines
2.5 KiB
Sass
@import shared
|
|
|
|
// display:box; must be used for any of the other flexbox mixins to work properly
|
|
=display-box
|
|
+experimental-value(display, box, -moz, -webkit, not -o, -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 ]
|
|
=box-orient($orientation: $default-box-orient)
|
|
$orientation: unquote($orientation)
|
|
+experimental(box-orient, $orientation, -moz, -webkit, not -o, -ms, not -khtml, official)
|
|
|
|
// Default box-align
|
|
$default-box-align: stretch !default
|
|
|
|
// Box align [ start | end | center | baseline | stretch ]
|
|
=box-align($alignment: $default-box-align)
|
|
$alignment: unquote($alignment)
|
|
+experimental(box-align, $alignment, -moz, -webkit, not -o, -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.
|
|
=box-flex($flex: $default-box-flex)
|
|
+experimental(box-flex, $flex, -moz, -webkit, not -o, -ms, not -khtml, official)
|
|
|
|
// Default flex group
|
|
$default-box-flex-group: 1 !default
|
|
|
|
// mixin which takes an int argument for flexible grouping
|
|
=box-flex-group($group: $default-box-flex-group)
|
|
+experimental(box-flex-group, $group, -moz, -webkit, not -o, -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
|
|
=box-ordinal-group($group: $default-ordinal-flex-group)
|
|
+experimental(box-ordinal-group, $group, -moz, -webkit, not -o, -ms, not -khtml, official)
|
|
|
|
// Box direction default value
|
|
$default-box-direction: normal !default
|
|
|
|
// mixin for box-direction [ normal | reverse | inherit ]
|
|
=box-direction($direction: $default-box-direction)
|
|
$direction: unquote($direction)
|
|
+experimental(box-direction, $direction, -moz, -webkit, not -o, -ms, not -khtml, official)
|
|
|
|
// default for box lines
|
|
$default-box-lines: single !default
|
|
|
|
// mixin for box lines [ single | multiple ]
|
|
=box-lines($lines: $default-box-lines)
|
|
$lines: unquote($lines)
|
|
+experimental(box-lines, $lines, -moz, -webkit, not -o, -ms, not -khtml, official)
|
|
|
|
// default for box pack
|
|
$default-box-pack: start !default
|
|
|
|
// mixin for box pack [ start | end | center | justify ]
|
|
=box-pack($pack: $default-box-pack)
|
|
$pack: unquote($pack)
|
|
+experimental(box-pack, $pack, -moz, -webkit, not -o, -ms, not -khtml, official)
|