Advertisement
Guest User

Untitled

a guest
Feb 24th, 2017
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.84 KB | None | 0 0
  1. /*========================================
  2.  
  3. Colour Styles
  4. _____________
  5.  
  6. ========================================*/
  7.  
  8. /*========================================
  9.  
  10. Normal Colours
  11.  
  12. ========================================*/
  13.  
  14. $white-default: #fff;
  15. $black-default: #000;
  16.  
  17. /*========================================
  18.  
  19. Main Colours
  20.  
  21. ========================================*/
  22.  
  23. $primary: #2a2b2f;
  24. $secondary: #efefef;
  25.  
  26. /*========================================
  27.  
  28. Colour Classes
  29.  
  30. ========================================*/
  31.  
  32. $color-list: primary, secondary, white-default, black-default;
  33. $color-list-vars: $primary, $secondary, $white-default, $black-default;
  34.  
  35. @for $i from 1 through length($color-list) {
  36. .bg-#{nth($color-list, $i)} {
  37. background: nth($color-list-vars, $i);
  38. }
  39. .color-#{nth($color-list, $i)} {
  40. color: nth($color-list-vars, $i);
  41. }
  42. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement