mirror of
https://github.com/locomotivemtl/locomotive-boilerplate.git
synced 2026-01-15 00:55:08 +08:00
30 lines
874 B
SCSS
30 lines
874 B
SCSS
// ==========================================================================
|
|
// Settings / Config / CSS VARS
|
|
// ==========================================================================
|
|
|
|
:root {
|
|
|
|
// Grid
|
|
--grid-columns: 4;
|
|
--grid-gutter: #{rem(10px)};
|
|
--grid-gutter-half: calc(0.5 * var(--grid-gutter));
|
|
--grid-margin: #{rem(10px)};
|
|
|
|
// Container
|
|
--container-width: calc(100% - 2 * var(--grid-margin));
|
|
|
|
// Font sizes
|
|
--font-size-h1: #{rem(36px)};
|
|
--font-size-h2: #{rem(28px)};
|
|
--font-size-h3: #{rem(24px)};
|
|
--font-size-h4: #{rem(20px)};
|
|
--font-size-h5: #{rem(18px)};
|
|
--font-size-h6: #{rem(16px)};
|
|
|
|
@media (min-width: $from-small) {
|
|
--grid-columns: #{$base-column-nb};
|
|
--grid-gutter: #{rem(16px)};
|
|
--grid-margin: #{rem(20px)};
|
|
}
|
|
}
|