mirror of
https://github.com/locomotivemtl/locomotive-boilerplate.git
synced 2026-01-15 00:55:08 +08:00
353a38915d
* Move font-size css var into dedicated heading file + Add default mixins * Rename responsive-type for a more generic name
21 lines
568 B
SCSS
21 lines
568 B
SCSS
// ==========================================================================
|
|
// Settings / Config / CSS VARS
|
|
// ==========================================================================
|
|
|
|
:root {
|
|
|
|
// Grid
|
|
--grid-columns: 4;
|
|
--grid-gutter: #{rem(10px)};
|
|
--grid-margin: #{rem(10px)};
|
|
|
|
// Container
|
|
--container-width: calc(100% - 2 * var(--grid-margin));
|
|
|
|
@media (min-width: $from-sm) {
|
|
--grid-columns: #{$base-column-nb};
|
|
--grid-gutter: #{rem(16px)};
|
|
--grid-margin: #{rem(20px)};
|
|
}
|
|
}
|