_variables.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. /******************************************************************
  2. Site Name:
  3. Author:
  4. Stylesheet: Variables
  5. Here is where we declare all our variables like colors, fonts,
  6. base values, and defaults. We want to make sure this file ONLY
  7. contains variables that way our files don't get all messy.
  8. No one likes a mess.
  9. ******************************************************************/
  10. /*********************
  11. COLORS
  12. Need help w/ choosing your colors? Try this site out:
  13. http://0to255.com/
  14. *********************/
  15. $alert-yellow: #ebe16f;
  16. $alert-red: #fbe3e4;
  17. $alert-green: #e6efc2;
  18. $alert-blue: #d5edf8;
  19. $black: #323944;
  20. $white: #fff;
  21. $light-gray: #f8f9fa;
  22. $gray: #eaedf2;
  23. $text-color: #5c6b80;
  24. $meta-gray: #9fa6b4;
  25. $tan: #eceee5;
  26. $green: #7dd667;
  27. $bones-pink: #f01d4f;
  28. $blue: #2980b9;
  29. $link-color: $bones-pink;
  30. $link-hover: darken($link-color, 9%);
  31. $border-color: #ccc;
  32. $disabled-gray: #cfcfcf;
  33. /*
  34. Here's a great tutorial on how to
  35. use color variables properly:
  36. http://sachagreif.com/sass-color-variables/
  37. */