--- /dev/null
+//---------------------------------------------------\r
+// Sass Prefixer\r
+// -------------------------------------------------\r
+// TABLE OF CONTENTS\r
+// (*) denotes a syntax-sugar helper\r
+// -------------------------------------------------\r
+//\r
+// animation($args)\r
+// animation-delay($delay)\r
+// animation-direction($direction)\r
+// animation-duration($duration)\r
+// animation-fill-mode($mode)\r
+// animation-iteration-count($count)\r
+// animation-name($name)\r
+// animation-play-state($state)\r
+// animation-timing-function($function)\r
+// background-size($args)\r
+// inner-shadow($args) *\r
+// box-sizing($args)\r
+// border-box() *\r
+// content-box() *\r
+// columns($args)\r
+// column-count($count)\r
+// column-gap($gap)\r
+// column-rule($args)\r
+// column-width($width)\r
+// flexbox()\r
+// flex($args)\r
+// order($args)\r
+// align($args)\r
+// justify-content($args)\r
+// gradient($default,$start,$stop) *\r
+// linear-gradient-top($default,$color1,$stop1,$color2,$stop2,[$color3,$stop3,$color4,$stop4])*\r
+// linear-gradient-left($default,$color1,$stop1,$color2,$stop2,[$color3,$stop3,$color4,$stop4])*\r
+// transform($args)\r
+// transform-origin($args)\r
+// transform-style($style)\r
+// rotate($deg)\r
+// scale($factor)\r
+// translate($x,$y)\r
+// translate3d($x,$y,$z)\r
+// translateHardware($x,$y) * \r
+// text-shadow($args)\r
+// transition($args)\r
+// transition-delay($delay)\r
+// transition-duration($duration)\r
+// transition-property($property)\r
+// transition-timing-function($function)\r
+\r
+\r
+// Animation\r
+\r
+@mixin animation($args) {\r
+ -webkit-animation: $args;\r
+ -moz-animation: $args;\r
+ -ms-animation: $args;\r
+ -o-animation: $args;\r
+ animation: $args;\r
+}\r
+@mixin animation-delay($delay) {\r
+ -webkit-animation-delay: $delay;\r
+ -moz-animation-delay: $delay;\r
+ -ms-animation-delay: $delay;\r
+ -o-animation-delay: $delay;\r
+ animation-delay: $delay;\r
+}\r
+@mixin animation-direction($direction) {\r
+ -webkit-animation-direction: $direction;\r
+ -moz-animation-direction: $direction;\r
+ -ms-animation-direction: $direction;\r
+ -o-animation-direction: $direction;\r
+}\r
+@mixin animation-duration($duration) {\r
+ -webkit-animation-duration: $duration;\r
+ -moz-animation-duration: $duration;\r
+ -ms-animation-duration: $duration;\r
+ -o-animation-duration: $duration;\r
+}\r
+@mixin animation-fill-mode($mode) {\r
+ -webkit-animation-fill-mode: $mode;\r
+ -moz-animation-fill-mode: $mode;\r
+ -ms-animation-fill-mode: $mode;\r
+ -o-animation-fill-mode: $mode;\r
+ animation-fill-mode: $mode;\r
+}\r
+@mixin animation-iteration-count($count) {\r
+ -webkit-animation-iteration-count: $count;\r
+ -moz-animation-iteration-count: $count;\r
+ -ms-animation-iteration-count: $count;\r
+ -o-animation-iteration-count: $count;\r
+ animation-iteration-count: $count;\r
+}\r
+@mixin animation-name($name) {\r
+ -webkit-animation-name: $name;\r
+ -moz-animation-name: $name;\r
+ -ms-animation-name: $name;\r
+ -o-animation-name: $name;\r
+ animation-name: $name;\r
+}\r
+@mixin animation-play-state($state) {\r
+ -webkit-animation-play-state: $state;\r
+ -moz-animation-play-state: $state;\r
+ -ms-animation-play-state: $state;\r
+ -o-animation-play-state: $state;\r
+ animation-play-state: $state;\r
+}\r
+@mixin animation-timing-function($function) {\r
+ -webkit-animation-timing-function: $function;\r
+ -moz-animation-timing-function: $function;\r
+ -ms-animation-timing-function: $function;\r
+ -o-animation-timing-function: $function;\r
+ animation-timing-function: $function;\r
+}\r
+\r
+// Keyframes\r
+@mixin keyframes($animation-name) {\r
+ @-webkit-keyframes #{$animation-name} {\r
+ @content;\r
+ }\r
+ @-moz-keyframes #{$animation-name} {\r
+ @content;\r
+ }\r
+ @keyframes #{$animation-name} {\r
+ @content;\r
+ }\r
+}\r
+\r
+// Backface-visibility\r
+\r
+@mixin backface-visibility($args) {\r
+ -webkit-backface-visibility: $args;\r
+ -moz-backface-visibility: $args;\r
+ -ms-backface-visibility: $args;\r
+ backface-visibility: $args;\r
+}\r
+\r
+\r
+// Background Size\r
+\r
+@mixin background-size($args) {\r
+ -webkit-background-size: $args;\r
+ background-size: $args;\r
+}\r
+\r
+// Box Sizing\r
+\r
+@mixin box-sizing($args) {\r
+ -webkit-box-sizing: $args;\r
+ -moz-box-sizing: $args;\r
+ box-sizing: $args;\r
+}\r
+@mixin border-box(){\r
+ @include box-sizing(border-box);\r
+}\r
+@mixin content-box(){\r
+ @include box-sizing(content-box);\r
+}\r
+\r
+\r
+// Columns\r
+\r
+@mixin columns($args) {\r
+ -webkit-columns: $args;\r
+ -moz-columns: $args;\r
+ columns: $args;\r
+}\r
+@mixin column-count($count) {\r
+ -webkit-column-count: $count;\r
+ -moz-column-count: $count;\r
+ column-count: $count;\r
+}\r
+@mixin column-gap($gap) {\r
+ -webkit-column-gap: $gap;\r
+ -moz-column-gap: $gap;\r
+ column-gap: $gap;\r
+}\r
+@mixin column-width($width) {\r
+ -webkit-column-width: $width;\r
+ -moz-column-width: $width;\r
+ column-width: $width;\r
+}\r
+@mixin column-rule($args) {\r
+ -webkit-column-rule: $args;\r
+ -moz-column-rule: $args;\r
+ column-rule: $args;\r
+}\r
+\r
+// Filter\r
+@mixin filter($args) {\r
+ -webkit-filter: $args;\r
+ -moz-filter: $args;\r
+ -o-filter: $args;\r
+ -ms-filter: $args;\r
+}\r
+\r
+// Flexbox\r
+@mixin flexbox() {\r
+ display: -webkit-box;\r
+ display: -moz-box;\r
+ display: -ms-flexbox;\r
+ display: -webkit-flex;\r
+ display: flex;\r
+}\r
+ @mixin flex($values) {\r
+ -webkit-box-flex: $values;\r
+ -moz-box-flex: $values;\r
+ -webkit-flex: $values;\r
+ -ms-flex: $values;\r
+ flex: $values;\r
+ }\r
+ @mixin order($val) {\r
+ -webkit-box-ordinal-group: $val;\r
+ -moz-box-ordinal-group: $val;\r
+ -ms-flex-order: $val;\r
+ -webkit-order: $val;\r
+ order: $val;\r
+ }\r
+ @mixin align($align) {\r
+ -webkit-flex-align: $align;\r
+ -ms-flex-align: $align;\r
+ -webkit-align-items: $align;\r
+ align-items: $align;\r
+ }\r
+ @mixin justify-content($val) {\r
+ -webkit-justify-content: $val;\r
+ justify-content: $val;\r
+ }\r
+// Gradients\r
+\r
+@mixin gradient($default: #F5F5F5, $start: #EEE, $stop: #FFF) {\r
+ @include linear-gradient-top($default,$start,0%,$stop,100%);\r
+}\r
+@mixin linear-gradient-top($default,$color1,$stop1,$color2,$stop2) {\r
+ background-color: $default;\r
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop($stop1, $color1), color-stop($stop2 $color2));\r
+ background-image: -webkit-linear-gradient(top, $color1 $stop1, $color2 $stop2);\r
+ background-image: -moz-linear-gradient(top, $color1 $stop1, $color2 $stop2);\r
+ background-image: -ms-linear-gradient(top, $color1 $stop1, $color2 $stop2);\r
+ background-image: -o-linear-gradient(top, $color1 $stop1, $color2 $stop2);\r
+ background-image: linear-gradient(top, $color1 $stop1, $color2 $stop2);\r
+}\r
+@mixin linear-gradient-top2($default,$color1,$stop1,$color2,$stop2,$color3,$stop3) {\r
+ background-color: $default;\r
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop($stop1, $color1), color-stop($stop2 $color2), color-stop($stop3 $color3));\r
+ background-image: -webkit-linear-gradient(top, $color1 $stop1, $color2 $stop2, $color3 $stop3);\r
+ background-image: -moz-linear-gradient(top, $color1 $stop1, $color2 $stop2, $color3 $stop3);\r
+ background-image: -ms-linear-gradient(top, $color1 $stop1, $color2 $stop2, $color3 $stop3);\r
+ background-image: -o-linear-gradient(top, $color1 $stop1, $color2 $stop2, $color3 $stop3);\r
+ background-image: linear-gradient(top, $color1 $stop1, $color2 $stop2, $color3 $stop3);\r
+}\r
+@mixin linear-gradient-top3($default,$color1,$stop1,$color2,$stop2,$color3,$stop3,$color4,$stop4) {\r
+ background-color: $default;\r
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop($stop1, $color1), color-stop($stop2 $color2), color-stop($stop3 $color3), color-stop($stop4 $color4));\r
+ background-image: -webkit-linear-gradient(top, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);\r
+ background-image: -moz-linear-gradient(top, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);\r
+ background-image: -ms-linear-gradient(top, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);\r
+ background-image: -o-linear-gradient(top, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);\r
+ background-image: linear-gradient(top, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);\r
+}\r
+@mixin linear-gradient-left($default,$color1,$stop1,$color2,$stop2) {\r
+ background-color: $default;\r
+ background-image: -webkit-gradient(linear, left top, left top, color-stop($stop1, $color1), color-stop($stop2 $color2));\r
+ background-image: -webkit-linear-gradient(left, $color1 $stop1, $color2 $stop2);\r
+ background-image: -moz-linear-gradient(left, $color1 $stop1, $color2 $stop2);\r
+ background-image: -ms-linear-gradient(left, $color1 $stop1, $color2 $stop2);\r
+ background-image: -o-linear-gradient(left, $color1 $stop1, $color2 $stop2);\r
+ background-image: linear-gradient(left, $color1 $stop1, $color2 $stop2);\r
+}\r
+@mixin linear-gradient-left2($default,$color1,$stop1,$color2,$stop2,$color3,$stop3) {\r
+ background-color: $default;\r
+ background-image: -webkit-gradient(linear, left top, left top, color-stop($stop1, $color1), color-stop($stop2 $color2), color-stop($stop3 $color3));\r
+ background-image: -webkit-linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3);\r
+ background-image: -moz-linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3);\r
+ background-image: -ms-linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3);\r
+ background-image: -o-linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3);\r
+ background-image: linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3);\r
+}\r
+@mixin linear-gradient-left3($default,$color1,$stop1,$color2,$stop2,$color3,$stop3,$color4,$stop4) {\r
+ background-color: $default;\r
+ background-image: -webkit-gradient(linear, left top, left top, color-stop($stop1, $color1), color-stop($stop2 $color2), color-stop($stop3 $color3), color-stop($stop4 $color4));\r
+ background-image: -webkit-linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);\r
+ background-image: -moz-linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);\r
+ background-image: -ms-linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);\r
+ background-image: -o-linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);\r
+ background-image: linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);\r
+}\r
+\r
+// Text Shadow\r
+\r
+@mixin text-shadow($args) {\r
+ text-shadow: $args;\r
+}\r
+\r
+\r
+// Transforms\r
+\r
+@mixin transform($args) {\r
+ -webkit-transform: $args;\r
+ -moz-transform: $args;\r
+ -ms-transform: $args;\r
+ -o-transform: $args;\r
+ transform: $args;\r
+}\r
+@mixin transform-origin($args) {\r
+ -webkit-transform-origin: $args;\r
+ -moz-transform-origin: $args;\r
+ -ms-transform-origin: $args;\r
+ -o-transform-origin: $args;\r
+ transform-origin: $args;\r
+}\r
+@mixin transform-style($style) {\r
+ -webkit-transform-style: $style;\r
+ -moz-transform-style: $style;\r
+ -ms-transform-style: $style;\r
+ -o-transform-style: $style;\r
+ transform-style: $style;\r
+}\r
+@mixin rotate($deg:45deg){\r
+ @include transform(rotate($deg));\r
+}\r
+@mixin scale($factor:.5){\r
+ @include transform(scale($factor));\r
+}\r
+@mixin translate($x,$y){\r
+ @include transform(translate($x,$y));\r
+}\r
+@mixin translate3d($x,$y,$z) {\r
+ @include transform(translate3d($x,$y,$z));\r
+}\r
+@mixin translateHardware($x,$y) {\r
+ @include translate($x,$y);\r
+ -webkit-transform: translate3d($x,$y,0);\r
+ -moz-transform: translate3d($x,$y,0);\r
+ -o-transform: translate3d($x,$y,0);\r
+ -ms-transform: translate3d($x,$y,0);\r
+ transform: translate3d($x,$y,0);\r
+}\r
+\r
+\r
+// Transitions\r
+\r
+@mixin transition($args:200ms) {\r
+ -webkit-transition: $args;\r
+ -moz-transition: $args;\r
+ -o-transition: $args;\r
+ -ms-transition: $args;\r
+ transition: $args;\r
+}\r
+@mixin transition-delay($delay:0) {\r
+ -webkit-transition-delay: $delay;\r
+ -moz-transition-delay: $delay;\r
+ -o-transition-delay: $delay;\r
+ -ms-transition-delay: $delay;\r
+ transition-delay: $delay;\r
+}\r
+@mixin transition-duration($duration:200ms) {\r
+ -webkit-transition-duration: $duration;\r
+ -moz-transition-duration: $duration;\r
+ -o-transition-duration: $duration;\r
+ -ms-transition-duration: $duration;\r
+ transition-duration: $duration;\r
+}\r
+@mixin transition-property($property:all) {\r
+ -webkit-transition-property: $property;\r
+ -moz-transition-property: $property;\r
+ -o-transition-property: $property;\r
+ -ms-transition-property: $property;\r
+ transition-property: $property;\r
+}\r
+@mixin transition-timing-function($function:ease) {\r
+ -webkit-transition-timing-function: $function;\r
+ -moz-transition-timing-function: $function;\r
+ -o-transition-timing-function: $function;\r
+ -ms-transition-timing-function: $function;\r
+ transition-timing-function: $function;\r
+}\r