36 lines
865 B
SCSS
36 lines
865 B
SCSS
$breakout: $gutters !default;
|
|
$max-page-width: $max-content-width !default;
|
|
|
|
:root {
|
|
// Convert sass variables to css4 variables.
|
|
// Use like this: var(--color-brand).
|
|
@each $name, $color in $colors {
|
|
--color-#{$name}: #{$color};
|
|
}
|
|
|
|
@each $name, $size in $font-size {
|
|
--fs-#{$name}: #{$size};
|
|
}
|
|
|
|
@each $name, $weight in $font-weight {
|
|
--fw-#{$name}: #{$weight};
|
|
}
|
|
|
|
@each $name, $family in $font-family {
|
|
--ff-#{$name}: #{$family};
|
|
}
|
|
|
|
@each $name, $radius in $border-radius {
|
|
--radius-#{$name}: #{$radius};
|
|
}
|
|
|
|
--breakout: #{$breakout};
|
|
--gutters-reverse: #{$gutters-reverse};
|
|
--gutters: #{$gutters};
|
|
--heading-line-height: #{$heading-line-height};
|
|
--indent-amount: #{$indent-amount};
|
|
--max-content-width: #{$max-content-width};
|
|
--max-line-width: #{$max-line-width};
|
|
--max-page-width: #{$max-page-width};
|
|
}
|