_mixins.sass 968 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. // Mixins
  2. @mixin border-radius($radius)
  3. -webkit-border-radius: $radius
  4. -moz-border-radius: $radius
  5. border-radius: $radius
  6. @mixin icon-stack($width: 2em, $height: 2em, $top-font-size: 1em, $base-font-size: 2em)
  7. .icon-stack
  8. position: relative
  9. display: inline-block
  10. width: $width
  11. height: $height
  12. line-height: $width
  13. vertical-align: -35%
  14. [class^="icon-"],
  15. [class*=" icon-"]
  16. display: block
  17. text-align: center
  18. position: absolute
  19. width: 100%
  20. height: 100%
  21. font-size: $top-font-size
  22. line-height: inherit
  23. *line-height: $height
  24. .icon-stack-base
  25. font-size: $base-font-size
  26. *line-height: $height / $base-font-size
  27. @mixin animation($animation)
  28. -moz-animation: $animation
  29. -o-animation: $animation
  30. -webkit-animation: $animation
  31. animation: $animation
  32. @mixin transform($transform)
  33. -webkit-transform: $transform
  34. -moz-transform: $transform
  35. -ms-transform: $transform
  36. -o-transform: $transform
  37. transform: $transform