_vars.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. // Misc.
  2. $misc: (
  3. z-index-base: 10000,
  4. gallery-lightbox-opacity: 0.875
  5. );
  6. // Duration.
  7. $duration: (
  8. transition: 0.25s,
  9. gallery-lightbox-fadein: 0.5s
  10. );
  11. // Size.
  12. $size: (
  13. border-radius: 0.325rem,
  14. element-height: 3rem,
  15. element-margin: 2rem,
  16. header-width: 25rem,
  17. subheader-width: 22rem,
  18. content-width: 60rem,
  19. line-width: 2px,
  20. form-gutter: 2rem,
  21. gallery-gutter: 1.25rem,
  22. );
  23. // Font.
  24. $font: (
  25. family: ('Source Sans Pro', Helvetica, sans-serif),
  26. family-fixed: ('Courier New', monospace),
  27. family-heading: ('Raleway', Helvetica, sans-serif),
  28. weight: 300,
  29. weight-bold: 600,
  30. weight-extrabold: 700,
  31. weight-heading: 800,
  32. weight-heading-light: 600,
  33. kerning: 0.0375em,
  34. kerning-heading: 0.175em,
  35. kerning-heading-alt: -0.05em
  36. );
  37. // Palette.
  38. $palette: (
  39. bg: #ffffff,
  40. fg: #000000,
  41. fg-bold: #000000,
  42. fg-light: rgba(0,0,0,0.25),
  43. border: rgba(144,144,144,0.25),
  44. border-bg: rgba(144,144,144,0.1),
  45. accent: #49fcd4,
  46. accent-border: desaturate(darken(#49fcd4, 8), 30),
  47. accent-alt: desaturate(darken(#49fcd4, 10), 20),
  48. accent-bg: transparentize(#49fcd4, 0.75)
  49. );