Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

53 lines (42 sloc) 1.17 kb
// CSS3 Flexible Box Model and property defaults
// Custom shorthand notation for flexbox
@mixin box($orient: inline-axis, $pack: start, $align: stretch) {
@include display-box;
@include box-orient($orient);
@include box-pack($pack);
@include box-align($align);
}
@mixin display-box {
display: -webkit-box;
display: -moz-box;
display: box;
}
@mixin box-orient($orient: inline-axis) {
// horizontal|vertical|inline-axis|block-axis|inherit
@include prefixer(box-orient, $orient);
}
@mixin box-pack($pack: start) {
// start|end|center|justify
@include prefixer(box-pack, $pack);
}
@mixin box-align($align: stretch) {
// start|end|center|baseline|stretch
@include prefixer(box-align, $align);
}
@mixin box-direction($direction: normal) {
// normal|reverse|inherit
@include prefixer(box-direction, $direction);
}
@mixin box-lines($lines: single) {
// single|multiple
@include prefixer(box-lines, $lines);
}
@mixin box-ordinal-group($int: 1) {
@include prefixer(box-ordinal-group, $int);
}
@mixin box-flex($value: 0.0) {
@include prefixer(box-flex, $value);
}
@mixin box-flex-group($int: 1) {
@include prefixer(box-flex-group, $int);
}
Jump to Line
Something went wrong with that request. Please try again.