Advertisement
Guest User

Untitled

a guest
Aug 31st, 2015
70
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.32 KB | None | 0 0
  1. /**
  2. * Mixins
  3. */
  4.  
  5. @mixin border-radius($radius) {
  6. -webkit-border-radius: $radius;
  7. -moz-border-radius: $radius;
  8. -ms-border-radius: $radius;
  9. -o-border-radius: $radius;
  10. border-radius: $radius;
  11. }
  12.  
  13. @mixin border-radius-tl($radius) {
  14. -webkit-border-top-left-radius: $radius;
  15. -moz-border-top-left-radius: $radius;
  16. -ms-border-top-left-radius: $radius;
  17. -o-border-top-left-radius: $radius;
  18. border-top-left-radius: $radius;
  19. }
  20.  
  21. @mixin border-radius-tr($radius) {
  22. -webkit-border-top-right-radius: $radius;
  23. -moz-border-top-right-radius: $radius;
  24. -ms-border-top-right-radius: $radius;
  25. -o-border-top-right-radius: $radius;
  26. border-top-right-radius: $radius;
  27. }
  28.  
  29. @mixin border-radius-bl($radius) {
  30. -webkit-border-bottom-left-radius: $radius;
  31. -moz-border-bottom-left-radius: $radius;
  32. -ms-border-bottom-left-radius: $radius;
  33. -o-border-bottom-left-radius: $radius;
  34. border-bottom-left-radius: $radius;
  35. }
  36.  
  37. @mixin border-radius-br($radius) {
  38. -webkit-border-bottom-right-radius: $radius;
  39. -moz-border-bottom-right-radius: $radius;
  40. -ms-border-bottom-right-radius: $radius;
  41. -o-border-bottom-right-radius: $radius;
  42. border-bottom-right-radius: $radius;
  43. }
  44.  
  45. @mixin transition($transition) {
  46. -webkit-transition: $transition;
  47. -moz-transition: $transition;
  48. -ms-transition: $transition;
  49. -o-transition: $transition;
  50. transition: $transition;
  51. }
  52.  
  53. @mixin transform($transform) {
  54. -webkit-transform: $transform;
  55. -moz-transform: $transform;
  56. -ms-transform: $transform;
  57. -o-transform: $transform;
  58. transform: $transform;
  59. }
  60.  
  61. @mixin animation($animation) {
  62. -webkit-animation: $animation;
  63. -moz-animation: $animation;
  64. -ms-animation: $animation;
  65. -o-animation: $animation;
  66. animation: $animation;
  67. }
  68.  
  69. @mixin box-shadow($shadow) {
  70. -webkit-box-shadow: $shadow;
  71. -moz-box-shadow: $shadow;
  72. box-shadow: $shadow;
  73. }
  74.  
  75. @mixin text-shadow($shadow) {
  76. -webkit-text-shadow: $shadow;
  77. -moz-text-shadow: $shadow;
  78. text-shadow: $shadow;
  79. }
  80.  
  81. @mixin font-smoothing($smoothing) {
  82. -webkit-font-smoothing: $smoothing;
  83. -moz-font-smoothing: $smoothing;
  84. -ms-font-smoothing: $smoothing;
  85. font-smoothing: $smoothing;
  86. }
  87.  
  88. @mixin opacity($opacity) {
  89. opacity: $opacity;
  90. $opacity-ie: $opacity * 100;
  91. filter: alpha(opacity=$opacity-ie); // IE8
  92. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement