_mixins.scss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. @mixin vendor-property($property, $value) {
  2. @each $vendor in ('-moz-', '-webkit-', '-o-', '-ms-', '') {
  3. #{$vendor}#{$property}: #{$value};
  4. }
  5. }
  6. @mixin vendor-value($property, $value) {
  7. @each $vendor in ('-moz-', '-webkit-', '-o-', '-ms-', '') {
  8. #{$property}: #{$vendor}#{$value};
  9. }
  10. }
  11. @mixin vendor($property, $value) {
  12. @each $vendor in ('-moz-', '-webkit-', '-o-', '-ms-', '') {
  13. #{$vendor}#{$property}: #{$vendor}#{$value};
  14. }
  15. }
  16. @mixin vendor-keyframes($name) {
  17. @-moz-keyframes #{$name} { @content; }
  18. @-webkit-keyframes #{$name} { @content; }
  19. @-o-keyframes #{$name} { @content; }
  20. @-ms-keyframes #{$name} { @content; }
  21. @keyframes #{$name} { @content; }
  22. }
  23. @mixin icon($content: false) {
  24. text-decoration: none;
  25. &:before {
  26. @if $content {
  27. content: $content;
  28. }
  29. -moz-osx-font-smoothing: grayscale;
  30. -webkit-font-smoothing: antialiased;
  31. font-family: FontAwesome;
  32. font-style: normal;
  33. font-weight: normal;
  34. text-transform: none !important;
  35. }
  36. }