Skip to content

Instantly share code, notes, and snippets.

@lizkaraffa

lizkaraffa/_structure.scss

Created August 13, 2020 23:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lizkaraffa/28d0aa1a81d09a9e6121b84be25d7c4c to your computer and use it in GitHub Desktop.
Save lizkaraffa/28d0aa1a81d09a9e6121b84be25d7c4c to your computer and use it in GitHub Desktop.
Download ZIP
Variables Partial
Raw
_structure.scss
$size__site-gutter-mobile: 20px;
$size__site-gutter-tablet: 50px;
$size__max-site-width: 1600px;
// Site Columns
$site__content-columns-mobile: 2;
$site__content-columns-tablet: 8;
$site__content-columns-desktop: 15;
// Grid Widths
$size__mobile-grid: $size__site-gutter-mobile repeat($site__content-columns-mobile, 1fr) $size__site-gutter-mobile;
$size__tablet-grid: $size__site-gutter-tablet repeat($site__content-columns-tablet, 1fr) $size__site-gutter-tablet;
$size__desktop-grid: 1.5fr repeat($site__content-columns-desktop, 1fr) 1.5fr;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment