Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Change mixin to use new prefixer syntax

  • Loading branch information...
commit 5f618e3d456342f7e7de66342bdc89c3158b5f08 1 parent 7a530b9
@plapier plapier authored
View
18 app/assets/stylesheets/css3/_animation.scss
@@ -11,7 +11,7 @@
$full: compact($animation-1, $animation-2, $animation-3, $animation-4,
$animation-5, $animation-6, $animation-7, $animation-8, $animation-9);
- @include prefixer(animation, $full);
+ @include prefixer(animation, $full, webkit moz spec);
}
// Individual Animation Properties
@@ -24,7 +24,7 @@
$full: compact($name-1, $name-2, $name-3, $name-4,
$name-5, $name-6, $name-7, $name-8, $name-9);
- @include prefixer(animation-name, $full);
+ @include prefixer(animation-name, $full, webkit moz spec);
}
@@ -37,7 +37,7 @@
$full: compact($time-1, $time-2, $time-3, $time-4,
$time-5, $time-6, $time-7, $time-8, $time-9);
- @include prefixer(animation-duration, $full);
+ @include prefixer(animation-duration, $full, webkit moz spec);
}
@@ -51,7 +51,7 @@
$full: compact($motion-1, $motion-2, $motion-3, $motion-4,
$motion-5, $motion-6, $motion-7, $motion-8, $motion-9);
- @include prefixer(animation-timing-function, $full);
+ @include prefixer(animation-timing-function, $full, webkit moz spec);
}
@@ -65,7 +65,7 @@
$full: compact($value-1, $value-2, $value-3, $value-4,
$value-5, $value-6, $value-7, $value-8, $value-9);
- @include prefixer(animation-iteration-count, $full);
+ @include prefixer(animation-iteration-count, $full, webkit moz spec);
}
@@ -79,7 +79,7 @@
$full: compact($direction-1, $direction-2, $direction-3, $direction-4,
$direction-5, $direction-6, $direction-7, $direction-8, $direction-9);
- @include prefixer(animation-direction, $full);
+ @include prefixer(animation-direction, $full, webkit moz spec);
}
@@ -93,7 +93,7 @@
$full: compact($state-1, $state-2, $state-3, $state-4,
$state-5, $state-6, $state-7, $state-8, $state-9);
- @include prefixer(animation-play-state, $full);
+ @include prefixer(animation-play-state, $full, webkit moz spec);
}
@@ -106,7 +106,7 @@
$full: compact($time-1, $time-2, $time-3, $time-4,
$time-5, $time-6, $time-7, $time-8, $time-9);
- @include prefixer(animation-delay, $full);
+ @include prefixer(animation-delay, $full, webkit moz spec);
}
@@ -121,5 +121,5 @@
$full: compact($mode-1, $mode-2, $mode-3, $mode-4,
$mode-5, $mode-6, $mode-7, $mode-8, $mode-9);
- @include prefixer(animation-fill-mode, $full);
+ @include prefixer(animation-fill-mode, $full, webkit moz spec);
}
View
2  app/assets/stylesheets/css3/_appearance.scss
@@ -1,3 +1,3 @@
@mixin appearance ($value) {
- @include prefixer(appearance, $value, webkit, moz, ms, o);
+ @include prefixer(appearance, $value, webkit moz ms o spec);
}
View
2  app/assets/stylesheets/css3/_background-size.scss
@@ -7,5 +7,5 @@
$full: compact($length-1, $length-2, $length-3, $length-4,
$length-5, $length-6, $length-7, $length-8, $length-9);
-@include prefixer(background-size, $full, webkit, moz, ms, o);
+@include prefixer(background-size, $full, webkit moz ms o spec);
}
View
2  app/assets/stylesheets/css3/_box-shadow.scss
@@ -8,5 +8,5 @@
$full: compact($shadow-1, $shadow-2, $shadow-3, $shadow-4,
$shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9);
- @include prefixer(box-shadow, $full, webkit, not moz);
+ @include prefixer(box-shadow, $full, webkit spec);
}
View
2  app/assets/stylesheets/css3/_box-sizing.scss
@@ -1,4 +1,4 @@
@mixin box-sizing ($box) {
// content-box | border-box | inherit
- @include prefixer(box-sizing, $box);
+ @include prefixer(box-sizing, $box, webkit moz spec);
}
View
20 app/assets/stylesheets/css3/_columns.scss
@@ -1,47 +1,47 @@
@mixin columns($arg: auto) {
// <column-count> || <column-width>
- @include prefixer(columns, $arg);
+ @include prefixer(columns, $arg, webkit moz spec);
}
@mixin column-count($int: auto) {
// auto || integer
- @include prefixer(column-count, $int);
+ @include prefixer(column-count, $int, webkit moz spec);
}
@mixin column-gap($length: normal) {
// normal || length
- @include prefixer(column-gap, $length);
+ @include prefixer(column-gap, $length, webkit moz spec);
}
@mixin column-fill($arg: auto) {
// auto || length
- @include prefixer(columns-fill, $arg);
+ @include prefixer(columns-fill, $arg, webkit moz spec);
}
@mixin column-rule($arg) {
// <border-width> || <border-style> || <color>
- @include prefixer(column-rule, $arg);
+ @include prefixer(column-rule, $arg, webkit moz spec);
}
@mixin column-rule-color($color) {
- @include prefixer(column-rule-color, $color);
+ @include prefixer(column-rule-color, $color, webkit moz spec);
}
@mixin column-rule-style($style: none) {
// none | hidden | dashed | dotted | double | groove | inset | inset | outset | ridge | solid
- @include prefixer(column-rule-style, $style);
+ @include prefixer(column-rule-style, $style, webkit moz spec);
}
@mixin column-rule-width ($width: none) {
- @include prefixer(column-rule-width, $width);
+ @include prefixer(column-rule-width, $width, webkit moz spec);
}
@mixin column-span($arg: none) {
// none || all
- @include prefixer(column-span, $arg);
+ @include prefixer(column-span, $arg, webkit moz spec);
}
@mixin column-width($length: auto) {
// auto || length
- @include prefixer(column-width, $length);
+ @include prefixer(column-width, $length, webkit moz spec);
}
View
16 app/assets/stylesheets/css3/_flex-box.scss
@@ -16,37 +16,37 @@
@mixin box-orient($orient: inline-axis) {
// horizontal|vertical|inline-axis|block-axis|inherit
- @include prefixer(box-orient, $orient);
+ @include prefixer(box-orient, $orient, webkit moz spec);
}
@mixin box-pack($pack: start) {
// start|end|center|justify
- @include prefixer(box-pack, $pack);
+ @include prefixer(box-pack, $pack, webkit moz spec);
}
@mixin box-align($align: stretch) {
// start|end|center|baseline|stretch
- @include prefixer(box-align, $align);
+ @include prefixer(box-align, $align, webkit moz spec);
}
@mixin box-direction($direction: normal) {
// normal|reverse|inherit
- @include prefixer(box-direction, $direction);
+ @include prefixer(box-direction, $direction, webkit moz spec);
}
@mixin box-lines($lines: single) {
// single|multiple
- @include prefixer(box-lines, $lines);
+ @include prefixer(box-lines, $lines, webkit moz spec);
}
@mixin box-ordinal-group($int: 1) {
- @include prefixer(box-ordinal-group, $int);
+ @include prefixer(box-ordinal-group, $int, webkit moz spec);
}
@mixin box-flex($value: 0.0) {
- @include prefixer(box-flex, $value);
+ @include prefixer(box-flex, $value, webkit moz spec);
}
@mixin box-flex-group($int: 1) {
- @include prefixer(box-flex-group, $int);
+ @include prefixer(box-flex-group, $int, webkit moz spec);
}
View
4 app/assets/stylesheets/css3/_transform.scss
@@ -1,11 +1,11 @@
@mixin transform($property: none) {
// none | <transform-function>
- @include prefixer(transform, $property, webkit, moz, ms, o);
+ @include prefixer(transform, $property, webkit moz ms o spec);
}
@mixin transform-origin($axes: 50%) {
// x-axis - left | center | right | length | %
// y-axis - top | center | bottom | length | %
// z-axis - length
- @include prefixer(transform-origin, $axes, webkit, moz, ms, o);
+ @include prefixer(transform-origin, $axes, webkit moz ms o spec);
}
View
8 app/assets/stylesheets/css3/_transition.scss
@@ -12,7 +12,7 @@
$full: compact($prop-1, $prop-2, $prop-3, $prop-4, $prop-5,
$prop-6, $prop-7, $prop-8, $prop-9);
- @include prefixer(transition, $full, webkit, moz, ms, o);
+ @include prefixer(transition, $full, webkit moz ms o spec);
}
@@ -42,7 +42,7 @@
$full: compact($time-1, $time-2, $time-3, $time-4, $time-5,
$time-6, $time-7, $time-8, $time-9);
- @include prefixer(transition-duration, $full, webkit, moz, ms, o);
+ @include prefixer(transition-duration, $full, webkit moz ms o spec);
}
@mixin transition-timing-function ($motion-1: ease,
@@ -55,7 +55,7 @@
$motion-6, $motion-7, $motion-8, $motion-9);
// ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier()
- @include prefixer(transition-timing-function, $full, webkit, moz, ms, o);
+ @include prefixer(transition-timing-function, $full, webkit moz ms o spec);
}
@mixin transition-delay ($time-1: 0,
@@ -67,6 +67,6 @@
$full: compact($time-1, $time-2, $time-3, $time-4, $time-5,
$time-6, $time-7, $time-8, $time-9);
- @include prefixer(transition-delay, $full, webkit, moz, ms, o);
+ @include prefixer(transition-delay, $full, webkit moz ms o spec);
}
View
2  app/assets/stylesheets/css3/_user-select.scss
@@ -1,3 +1,3 @@
@mixin user-select($arg: none) {
- @include prefixer(user-select, $arg, webkit, moz, ms);
+ @include prefixer(user-select, $arg, webkit moz ms spec);
}
Please sign in to comment.
Something went wrong with that request. Please try again.