mixins.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536
  1. .hidden {
  2. display: none;
  3. }
  4. @mixin keyframes($animationName) {
  5. @-webkit-keyframes #{$animationName} {
  6. @content;
  7. }
  8. @-moz-keyframes #{$animationName} {
  9. @content;
  10. }
  11. @-o-keyframes #{$animationName} {
  12. @content;
  13. }
  14. @keyframes #{$animationName} {
  15. @content;
  16. }
  17. }
  18. @mixin background_linear($rgb1, $rgb2) {
  19. background: $rgb1 !important; /* For browsers that do not support gradients */
  20. background: -webkit-linear-gradient(top, $rgb1 , $rgb2) !important; /* For Safari 5.1 to 6.0 */
  21. background: -o-linear-gradient(bottom, $rgb1, $rgb2) !important; /* For Opera 11.1 to 12.0 */
  22. background: -moz-linear-gradient(bottom, $rgb1, $rgb2) !important; /* For Firefox 3.6 to 15 */
  23. background: linear-gradient(to bottom, $rgb1 , $rgb2) !important; /* Standard syntax */
  24. }
  25. @mixin background_lineartoright($rgb1, $rgb2) {
  26. background: $rgb1 !important; /* For browsers that do not support gradients */
  27. background: -webkit-linear-gradient(left, $rgb1 , $rgb2) !important; /* For Safari 5.1 to 6.0 */
  28. background: -o-linear-gradient(right, $rgb1, $rgb2) !important; /* For Opera 11.1 to 12.0 */
  29. background: -moz-linear-gradient(right, $rgb1, $rgb2) !important; /* For Firefox 3.6 to 15 */
  30. background: linear-gradient(to right, $rgb1 , $rgb2) !important; /* Standard syntax */
  31. }