Escape SassScript in custom variable values (#24354)

This is required for Sass v3.5+ compatibility.
See https://github.com/sass/sass/blob/stable/doc-src/SASS_CHANGELOG.md#backwards-incompatibilities----must-read and https://github.com/sass/sass/issues/2383
This commit is contained in:
Gleb Mazovetskiy 2017-10-14 08:29:43 +01:00 committed by GitHub
parent 71e60e1f85
commit a9fa21e701
1 changed files with 8 additions and 5 deletions

View File

@ -1,16 +1,19 @@
:root {
// Custom variable values only support SassScript inside `#{}`.
@each $color, $value in $colors {
--#{$color}: $value;
--#{$color}: #{$value};
}
@each $color, $value in $theme-colors {
--#{$color}: $value;
--#{$color}: #{$value};
}
@each $bp, $value in $grid-breakpoints {
--breakpoint-#{$bp}: $value;
--breakpoint-#{$bp}: #{$value};
}
--font-family-sans-serif: $font-family-sans-serif;
--font-family-monospace: $font-family-monospace;
// Use `inspect` for lists so that quoted items keep the quotes.
// See https://github.com/sass/sass/issues/2383#issuecomment-336349172
--font-family-sans-serif: #{inspect($font-family-sans-serif)};
--font-family-monospace: #{inspect($font-family-monospace)};
}