Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
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