动画mixins

assets/mixins.scss

@@ -0,0 +1,36 @@
+
+.hidden {
+  display: none;
+}
+
+
+@mixin keyframes($animationName) {
+  @-webkit-keyframes #{$animationName} {
+      @content;
+  }
+  @-moz-keyframes #{$animationName} {
+      @content;
+  }
+  @-o-keyframes #{$animationName} {
+      @content;
+  }
+  @keyframes #{$animationName} {
+      @content;
+  }
+}
+
+@mixin background_linear($rgb1, $rgb2) {
+  background: $rgb1 !important; /* For browsers that do not support gradients */
+  background: -webkit-linear-gradient(top, $rgb1 , $rgb2) !important; /* For Safari 5.1 to 6.0 */
+  background: -o-linear-gradient(bottom, $rgb1, $rgb2) !important; /* For Opera 11.1 to 12.0 */
+  background: -moz-linear-gradient(bottom, $rgb1, $rgb2) !important; /* For Firefox 3.6 to 15 */
+  background: linear-gradient(to bottom, $rgb1 , $rgb2) !important; /* Standard syntax */
+}
+
+@mixin background_lineartoright($rgb1, $rgb2) {
+  background: $rgb1 !important; /* For browsers that do not support gradients */
+  background: -webkit-linear-gradient(left, $rgb1 , $rgb2) !important; /* For Safari 5.1 to 6.0 */
+  background: -o-linear-gradient(right, $rgb1, $rgb2) !important; /* For Opera 11.1 to 12.0 */
+  background: -moz-linear-gradient(right, $rgb1, $rgb2) !important; /* For Firefox 3.6 to 15 */
+  background: linear-gradient(to right, $rgb1 , $rgb2) !important; /* Standard syntax */
+}