Sha256: 26fe34e2980f184e51e5f68cb3c4d35934fa6c8c7825181771422441e942b7df
Contents?: true
Size: 1.14 KB
Versions: 7
Compression:
Stored size: 1.14 KB
Contents
// 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);
}
Version data entries
7 entries across 7 versions & 2 rubygems