Created
April 26, 2018 17:57
-
-
Save jasonmelgoza/76944014affa13c3bdf7878937f39ca9 to your computer and use it in GitHub Desktop.
Space variable sheet
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$spacer: 8px !default; | |
$spacers: ( | |
0, | |
round($spacer / 2), | |
$spacer, | |
$spacer * 2, | |
$spacer * 3, | |
$spacer * 4, | |
$spacer * 5 | |
) !default; | |
// Aliases for easy use | |
$spacer-1: nth($spacers, 2) !default; // 4px | |
$spacer-2: nth($spacers, 3) !default; // 8px | |
$spacer-3: nth($spacers, 4) !default; // 16px | |
$spacer-4: nth($spacers, 5) !default; // 24px | |
$spacer-5: nth($spacers, 6) !default; // 32px | |
$spacer-6: nth($spacers, 7) !default; // 40px |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment