Skip to content

Instantly share code, notes, and snippets.

@anithegregorian

anithegregorian/exemplifi_dat_scss_1.scss

Last active April 20, 2021 14:59
Download ZIP

Revisions

  1. anithegregorian revised this gist Apr 20, 2021. No changes.
  2. anithegregorian renamed this gist Apr 20, 2021. 1 changed file with 0 additions and 0 deletions.
    0 exemplifi_dat_scss_1 → exemplifi_dat_scss_1.scss
    View file
    File renamed without changes.
  3. anithegregorian revised this gist Apr 20, 2021. No changes.
  4. anithegregorian created this gist Apr 20, 2021.
    33 changes: 33 additions & 0 deletions exemplifi_dat_scss_1
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,33 @@
    // SPACING VARIABLES
    $margin-spacings: (
    xs: rem-calc(8px),
    sm: rem-calc(16px),
    md: rem-calc(32px),
    lg: rem-calc(64px),
    xl: rem-calc(128px)
    );

    $margin-pushes: (
    xs: rem-calc(-8px),
    sm: rem-calc(-16px),
    md: rem-calc(-32px),
    lg: rem-calc(-64px),
    xl: rem-calc(-128px)
    );

    $padding-spacings: (
    xxs: rem-calc(5px),
    xs: rem-calc(8px),
    sm: rem-calc(16px),
    md: rem-calc(32px),
    lg: rem-calc(64px),
    xl: rem-calc(128px)
    );

    $gutter-spacings: (
    xs: rem-calc(8px),
    sm: rem-calc(16px),
    md: rem-calc(32px),
    lg: rem-calc(64px),
    xl: rem-calc(128px)
    );