Advertisement
benshepherd

_colours.scss

Jun 19th, 2018
159
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.37 KB | None | 0 0
  1. // header
  2. $top-bar-background: #053249;
  3. $top-bar-divider: #1c5373;
  4. $bottom-bar-background: blue;
  5.  
  6. // font
  7. $text-lighter: #5fb6f1;
  8. $text-normal: #458ebd;
  9. $text-dark: #386cbd;
  10.  
  11.  
  12. // color definitions
  13. $theme-color-light-1: #5fb6f1;
  14. $theme-color-light-2: #429edc;
  15. $theme-color-normal: #025883;
  16. $theme-color-dark-1: #006699;
  17. $theme-color-dark-2: #053249;
  18. $theme-color-dark-3: #03202e;
  19.  
  20. // text colors
  21. .color-blue { color:$text-normal !important; }
  22. .color-blue-lighter { color:$text-lighter !important;  }
  23.  
  24. // background colors
  25. .background-light-1 { background-color: $theme-color-light-1 !important; }
  26. .background-light-2 { background-color: $theme-color-light-2 !important; }
  27. .background-normal { background-color: $theme-color-normal !important; }
  28. .background-dark-1 { background-color: $theme-color-dark-1 !important; }
  29. .background-dark-2 { background-color: $theme-color-dark-2 !important; }
  30. .background-dark-3 { background-color: $theme-color-dark-2 !important; }
  31.  
  32. // borders
  33. .border-light-2 { border:4px solid $theme-color-light-2 !important;}
  34. .border-top-light-2 { border-top:4px solid $theme-color-light-2 !important; }
  35. .border-bottom-light-2 { border-bottom:4px solid $theme-color-light-2 !important; }
  36. .border-right-light-2 { border-right:4px solid $theme-color-light-2 !important; }
  37. .border-left-light-2 { border-left:4px solid $theme-color-light-2 !important; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement