mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-01-24 11:05:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(style): fix scss error (#1542)

Browse Source
This commit is contained in:
Ryan2128 2021-03-03 11:56:24 +08:00 committed by GitHub
parent c550bcfd27
commit 466874969c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
packages/theme-chalk/src/common/var.scss
View File

@ -992,23 +992,23 @@ $--lg: 1200px !default;
$--xl: 1920px !default;
$--breakpoints: (
'xs' : (max-width: $--sm - 1),
'sm' : (min-width: $--sm),
'md' : (min-width: $--md),
'lg' : (min-width: $--lg),
'xl' : (min-width: $--xl)
'xs' : "(max-width: #{$--sm})",
'sm' : "(min-width: #{$--sm})",
'md' : "(min-width: #{$--md})",
'lg' : "(min-width: #{$--lg})",
'xl' : "(min-width: #{$--xl})"
);
$--breakpoints-spec: (
'xs-only' : (max-width: $--sm - 1),
'sm-and-up' : (min-width: $--sm),
'sm-only': (min-width: #{$--sm}) and (max-width: #{$--md - 1}),
'sm-and-down': (max-width: $--md - 1),
'md-and-up' : (min-width: $--md),
'md-only': (min-width: #{$--md}) and (max-width: #{$--lg - 1}),
'md-and-down': (max-width: $--lg - 1),
'lg-and-up' : (min-width: $--lg),
'lg-only': (min-width: #{$--lg}) and (max-width: #{$--xl - 1}),
'lg-and-down': (max-width: $--xl - 1),
'xl-only' : (min-width: $--xl),
'xs-only' : "(max-width: #{$--sm})",
'sm-and-up' : "(min-width: #{$--sm})",
'sm-only': "(min-width: #{$--sm}) and (max-width: #{$--md})",
'sm-and-down': "(max-width: #{$--md})",
'md-and-up' : "(min-width: #{$--md})",
'md-only': "(min-width: #{$--md}) and (max-width: #{$--lg})",
'md-and-down': "(max-width: #{$--lg})",
'lg-and-up' : "(min-width: #{$--lg})",
'lg-only': "(min-width: #{$--lg}) and (max-width: #{$--xl})",
'lg-and-down': "(max-width: #{$--xl})",
'xl-only' : "(min-width: #{$--xl})",
);

2
packages/theme-chalk/src/mixins/mixins.scss
View File

@ -6,7 +6,7 @@
@mixin res($key, $map: $--breakpoints) {
// 循环断点Map，如果存在则返回
@if map-has-key($map, $key) {
@media only screen and #{inspect(map-get($map, $key))} {
@media only screen and #{unquote(map-get($map, $key))} {
@content;
}
} @else {