github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Theme: fix media query is not working in sm-only, md-only, lg-only (#14611)

pull/14809/head
Jeff Wen 2019-03-22 14:12:40 +08:00 committed by iamkun
parent cd567ecb68
commit c0642aab89
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -880,13 +880,13 @@ $--breakpoints: (
$--breakpoints-spec: ( $--breakpoints-spec: (
'xs-only' : (max-width: $--sm - 1), 'xs-only' : (max-width: $--sm - 1),
'sm-and-up' : (min-width: $--sm), 'sm-and-up' : (min-width: $--sm),
'sm-only': "(min-width: #{$--sm}) and (max-width: #{$--md} - 1)", 'sm-only': "(min-width: #{$--sm}) and (max-width: #{$--md - 1})",
'sm-and-down': (max-width: $--md - 1), 'sm-and-down': (max-width: $--md - 1),
'md-and-up' : (min-width: $--md), 'md-and-up' : (min-width: $--md),
'md-only': "(min-width: #{$--md}) and (max-width: #{$--lg } - 1)", 'md-only': "(min-width: #{$--md}) and (max-width: #{$--lg - 1})",
'md-and-down': (max-width: $--lg - 1), 'md-and-down': (max-width: $--lg - 1),
'lg-and-up' : (min-width: $--lg), 'lg-and-up' : (min-width: $--lg),
'lg-only': "(min-width: #{$--lg}) and (max-width: #{$--xl } - 1)", 'lg-only': "(min-width: #{$--lg}) and (max-width: #{$--xl - 1})",
'lg-and-down': (max-width: $--xl - 1), 'lg-and-down': (max-width: $--xl - 1),
'xl-only' : (min-width: $--xl), 'xl-only' : (min-width: $--xl),
); );