Advertisement
Guest User

Untitled

a guest
May 28th, 2015
282
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.92 KB | None | 0 0
  1. // ----
  2. // Sass (v3.4.12)
  3. // Compass (v1.0.3)
  4. // ----
  5.  
  6. @mixin font-weight($keyword) {
  7. $conversion-map: (
  8. thin: 100,
  9. hairline: 100,
  10. extra light: 200,
  11. extralight: 200,
  12. ultra light: 200,
  13. ultralight: 200,
  14. light: 300,
  15. book: 300,
  16. demi: 300,
  17. normal: 400,
  18. regular: 400,
  19. medium: 500,
  20. semi bold: 600,
  21. semibold: 600,
  22. demi bold: 600,
  23. demibold: 600,
  24. bold: 700,
  25. extra bold: 800,
  26. extrabold: 800,
  27. ultra bold: 800,
  28. ultrabold: 800,
  29. black: 900,
  30. heavy: 900,
  31. fat: 900,
  32. poster: 900,
  33. extra black: 900,
  34. extrablack: 900,
  35. ultra black: 900,
  36. ultrablack: 900
  37. );
  38.  
  39. @if map-has-key($conversion-map, $keyword) {
  40. font-weight: map-get($conversion-map, $keyword);
  41. } @else {
  42. @error "Unsupported `font-weight` keyword `#{$keyword}`";
  43. }
  44. }
  45.  
  46. .one-zero-zero {
  47. @include font-weight(thin);
  48. @include font-weight(hairline);
  49. }
  50.  
  51. .two-zero-zero {
  52. @include font-weight(extra light);
  53. @include font-weight(extralight);
  54. @include font-weight(ultra light);
  55. @include font-weight(ultralight);
  56. }
  57.  
  58. .three-zero-zero {
  59. @include font-weight(light);
  60. @include font-weight(book);
  61. @include font-weight(demi);
  62. }
  63.  
  64. .four-zero-zero {
  65. @include font-weight(normal);
  66. @include font-weight(regular);
  67. }
  68.  
  69. .five-zero-zero {
  70. @include font-weight(medium);
  71. }
  72.  
  73. .six-zero-zero {
  74. @include font-weight(semi bold);
  75. @include font-weight(semibold);
  76. @include font-weight(demi bold);
  77. @include font-weight(demibold);
  78. }
  79.  
  80. .seven-zero-zero {
  81. @include font-weight(bold);
  82. }
  83.  
  84. .eight-zero-zero {
  85. @include font-weight(extra bold);
  86. @include font-weight(extrabold);
  87. @include font-weight(ultra bold);
  88. @include font-weight(ultrabold);
  89. }
  90.  
  91. .nine-zero-zero {
  92. @include font-weight(black);
  93. @include font-weight(heavy);
  94. @include font-weight(fat);
  95. @include font-weight(poster);
  96. @include font-weight(extra black);
  97. @include font-weight(extrablack);
  98. @include font-weight(ultra black);
  99. @include font-weight(ultrablack);
  100. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement