Nouvelle mouture du site web de Dylan
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
 
 
 
 
 
 

57 rader
1.4 KiB

  1. ---
  2. # this ensures Jekyll reads the file to be transformed into CSS later
  3. # only Main files contain this front matter, not partials.
  4. ---
  5. @import 'bootstrap/scss/bootstrap';
  6. @charset "utf-8";
  7. // Define defaults for each variable.
  8. $base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
  9. $base-font-size: 16px !default;
  10. $base-font-weight: 400 !default;
  11. $small-font-size: $base-font-size * 0.875 !default;
  12. $base-line-height: 1.5 !default;
  13. $spacing-unit: 30px !default;
  14. $text-color: #111 !default;
  15. $background-color: #fdfdfd !default;
  16. $brand-color: #2a7ae2 !default;
  17. $grey-color: #828282 !default;
  18. $grey-color-light: lighten($grey-color, 40%) !default;
  19. $grey-color-dark: darken($grey-color, 25%) !default;
  20. $table-text-align: left !default;
  21. // Width of the content area
  22. $content-width: 80vw !default;
  23. $on-palm: 600px !default;
  24. $on-laptop: 800px !default;
  25. // Use media queries like this:
  26. // @include media-query($on-palm) {
  27. // .wrapper {
  28. // padding-right: $spacing-unit / 2;
  29. // padding-left: $spacing-unit / 2;
  30. // }
  31. // }
  32. @mixin media-query($device) {
  33. @media screen and (max-width: $device) {
  34. @content;
  35. }
  36. }
  37. @mixin relative-font-size($ratio) {
  38. font-size: $base-font-size * $ratio;
  39. }
  40. // Import partials.
  41. @import
  42. "base",
  43. "layout"
  44. // "minima/syntax-highlighting"
  45. ;