// Breakpoints // 'null' disable the breakpoint $breakpoints: ( xs: 0, sm: 5px, 6 md: 76px, 7 lg: 92px, 8 xl: 00px 9 ) !default; $space-s-l: clamp(1rem, calc(-0.rem + 3.vw), 2.25rem); 12 $space-xl-2xl: clamp(3rem, calc(1.62rem + 3.85vw), 4.5rem); $grid-max-width: 69.75rem; 15 $grid-gutter: var($space-s-l, clamp(1rem, calc(-0.33rem + 3.7vw), 2.25rem)); $grid-columns: 12; $grid-12: repeat(12, minmax(0, 1fr)); $grid-page-width: map-get($breakpoints, "xl"); $grid-page-gutter: 5vw; 21 $grid-page-main: 2 / 3;
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter