Skip to content

Instantly share code, notes, and snippets.

@kevnk
Created November 14, 2019 01:06
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 kevnk/9dbb31f32ce17b0c08b53f5d1c1f0311 to your computer and use it in GitHub Desktop.
Save kevnk/9dbb31f32ce17b0c08b53f5d1c1f0311 to your computer and use it in GitHub Desktop.
Golden Ratio setup for bootstrap
$gr: 1.61803398875;
$spacer: 1.25rem !default;
$spacers: (
0: 0,
1: $spacer / $gr / $gr / $gr,
2: $spacer / $gr / $gr,
3: $spacer / $gr,
4: $spacer,
5: $spacer * $gr,
6: $spacer * $gr * $gr,
7: $spacer * $gr * $gr * $gr,
) !default;
$sizes: (
7: 100%,
6: 100% / $gr,
5: 100% / $gr / $gr,
4: 100% / $gr / $gr / $gr,
3: 100% / $gr / $gr / $gr / $gr,
2: 100% / $gr / $gr / $gr / $gr / $gr,
1: 100% / $gr / $gr / $gr / $gr / $gr / $gr,
0: 100% / $gr / $gr / $gr / $gr / $gr / $gr / $gr,
) !default;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment