app/assets/stylesheets/css3/_flex-box.scss in wiskey-0.0.3 vs app/assets/stylesheets/css3/_flex-box.scss in wiskey-0.0.4

- old
+ new

@@ -12,56 +12,41 @@ display: -webkit-box; display: -moz-box; display: box; } -@mixin box-orient($orient: inline-axis) { // horizontal|vertical|inline-axis|block-axis|inherit - -webkit-box-orient: $orient; - -moz-box-orient: $orient; - box-orient: $orient; +@mixin box-orient($orient: inline-axis) { + @include mw-experimental(box-orient, $orient); } -@mixin box-pack($pack: start) { // start|end|center|justify - -webkit-box-pack: $pack; - -moz-box-pack: $pack; - box-pack: $pack; +@mixin box-pack($pack: start) { + @include mw-experimental(box-pack, $pack); } -@mixin box-align($align: stretch) { // start|end|center|baseline|stretch - -webkit-box-align: $align; - -moz-box-align: $align; - box-align: $align; +@mixin box-align($align: stretch) { + @include mw-experimental(box-align, $align); } -@mixin box-direction($direction: normal) { // normal|reverse|inherit - -webkit-box-direction: $direction; - -moz-box-direction: $direction; - box-direction: $direction; +@mixin box-direction($direction: normal) { + @include mw-experimental(box-direction, $direction); } -@mixin box-lines($lines: single) { + // single|multiple - -webkit-box-lines: $lines; - -moz-box-lines: $lines; - box-lines: $lines; +@mixin box-lines($lines: single) { + @include mw-experimental(box-lines, $lines); } @mixin box-ordinal-group($integer: 1) { - -webkit-box-ordinal-group: $integer; - -moz-box-ordinal-group: $integer; - box-ordinal-group: $integer; + @include mw-experimental(box-ordinal-group, $integer); } @mixin box-flex($value: 0.0) { - -webkit-box-flex: $value; - -moz-box-flex: $value; - box-flex: $value; + @include mw-experimental(box-flex, $value); } @mixin box-flex-group($integer: 1) { - -webkit-box-flex-group: $integer; - -moz-box-flex-group: $integer; - box-flex-group: $integer; + @include mw-experimental(box-flex-group, $integer); }