$grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1300px, ); $container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1140px, ); $grid-gutter-width: 20px; $primary: #5FAF63; $secondary: #2F4BB7; $black: #212529; // Links $link-color: $primary; $link-decoration: none; $link-hover-color: lighten($primary, 20%); $link-hover-decoration: underline; // Fonts $font-size-base: 1rem; // Assumes the browser default, typically `16px` $font-family-base: 'Roboto', Arial, sans-serif, -apple-system; $font-family-serif: 'Lora', Arial, sans-serif, -apple-system; $font-family-mono: 'Roboto Mono', monospace; $line-height-base: 1.4; // Headings & Paragraph $paragraph-color: #333; $spacer: 1rem; $spacers: (); $spacers: map-merge( ( 0: 0, 1: 10px, 2: 20px, 3: 30px, 4: 40px, 5: 50px, 6: 60px, 7: 70px, 8: 80px, 9: 90px, 10: 100px, 11: 110px, 12: 120px, 13: 130px, 14: 140px, 15: 150px, 16: 160px, 17: 170px, 18: 180px, 19: 190px, 20: 200px, ), $spacers );