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:
parent
a0783fa8cc
commit
b9e16f5fed
1 changed files with 6 additions and 6 deletions
|
|
@ -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;
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue