fix: Fix breakpoints CSS variables using map-get

“Sass parses custom property declarations differently than other property declarations. All tokens are passed through to CSS as-is.”
https://sass-lang.com/documentation/style-rules/declarations/#custom-properties
This commit is contained in:
Corentin Forler 2023-09-29 16:22:45 +02:00
parent a0783fa8cc
commit b9e16f5fed
No known key found for this signature in database

View file

@ -3,12 +3,12 @@
:root,
[data-theme="light"] {
// breakpoints
--xxl-width: map-get($grid-breakpoints, '2xl');
--xl-width: map-get($grid-breakpoints, 'xl');
--lg-width: map-get($grid-breakpoints, 'lg');
--md-width: map-get($grid-breakpoints, 'md');
--sm-width: map-get($grid-breakpoints, 'sm');
--xs-width: map-get($grid-breakpoints, 'xs');
--xxl-width: #{map-get($grid-breakpoints, '2xl')};
--xl-width: #{map-get($grid-breakpoints, 'xl')};
--lg-width: #{map-get($grid-breakpoints, 'lg')};
--md-width: #{map-get($grid-breakpoints, 'md')};
--sm-width: #{map-get($grid-breakpoints, 'sm')};
--xs-width: #{map-get($grid-breakpoints, 'xs')};
--navbar-height: 48px;