main.scss 1022 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. ---
  2. # Only the main Scss file needs front matter
  3. ---
  4. @charset "utf-8";
  5. // Typography (nanogram)
  6. $font-family-default: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  7. $font-family-headings: Palatino, Georgia, "Times New Roman", serif;
  8. $font-family-code: 'Source Code Pro', "Monaco", "Inconsolata", "Fira Mono", "Droid Sans Mono", monospace;
  9. // Grid (nanogram)
  10. $container-max-width: 30rem;
  11. $page-max-width: 128rem;
  12. // Colors
  13. $text-color: #373f51;
  14. $hyperlink-color: #006394;
  15. $hyperlink-hover-color: #006BE6;
  16. $hyperlink-color-dark: #006BE6;
  17. $background-color: #f4f5f6;
  18. $background-color-dark: darken($hyperlink-color, 26%);
  19. $border-color: #949494;
  20. $inline-code-color: #265C83; // also, author
  21. $inline-code-background-color: #d9dfe5;
  22. // Focus & Hover outline
  23. $a11y-outline: 3px solid $hyperlink-hover-color;
  24. @import // files in `_scss`
  25. "base",
  26. "site",
  27. "posts",
  28. "tags",
  29. "bits",
  30. "front_page",
  31. "about",
  32. "404",
  33. "cheat_sheets",
  34. "playlists";