| 1 | // Do not forget to update getting-started/theming.md!
|
| 2 | :root {
|
| 3 | // Custom variable values only support SassScript inside `#{}`.
|
| 4 | @each $color, $value in $colors {
|
| 5 | --#{$color}: #{$value};
|
| 6 | }
|
| 7 |
|
| 8 | @each $color, $value in $theme-colors {
|
| 9 | --#{$color}: #{$value};
|
| 10 | }
|
| 11 |
|
| 12 | @each $bp, $value in $grid-breakpoints {
|
| 13 | --breakpoint-#{$bp}: #{$value};
|
| 14 | }
|
| 15 |
|
| 16 | // Use `inspect` for lists so that quoted items keep the quotes.
|
| 17 | // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
|
| 18 | --font-family-sans-serif: #{inspect($font-family-sans-serif)};
|
| 19 | --font-family-monospace: #{inspect($font-family-monospace)};
|
| 20 | }
|