_mixins.scss 1.0KB

12345678910111213141516171819202122232425
  1. @mixin slider_background-image ($colorstart:#f5f5f5, $colorend:#f9f9f9, $backcolor: #f7f7f7) {
  2. background-color: $backcolor;
  3. background-image: -moz-linear-gradient(top, $colorstart, $colorend);
  4. background-image: -webkit-gradient(linear, 0 0, 0 100%, from($colorstart), to($colorend));
  5. background-image: -webkit-linear-gradient(top, $colorstart, $colorend);
  6. background-image: -o-linear-gradient(top, $colorstart, $colorend);
  7. background-image: linear-gradient(to bottom, $colorstart, $colorend);
  8. background-repeat: repeat-x;
  9. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$colorstart}', endColorstr='#{$colorend}',GradientType=0);
  10. }
  11. @mixin slider_box-sizing ($value) {
  12. -webkit-box-sizing: $value;
  13. -moz-box-sizing: $value;
  14. box-sizing: $value;
  15. }
  16. @mixin slider_box-shadow ($value...) {
  17. -webkit-box-shadow: $value;
  18. -moz-box-shadow: $value;
  19. box-shadow: $value;
  20. }
  21. @mixin slider_border-radius ($value) {
  22. -webkit-border-radius: $value;
  23. -moz-border-radius: $value;
  24. border-radius: $value;
  25. }