diff --git a/less/responsive-utilities.less b/less/responsive-utilities.less index b83a75acfc..c756b23615 100644 --- a/less/responsive-utilities.less +++ b/less/responsive-utilities.less @@ -37,21 +37,21 @@ .visible-xs { .responsive-invisibility(); - @media (max-width: @screen-phone-max) { + @media (max-width: @screen-xs-max) { .responsive-visibility(); } &.visible-sm { - @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { + @media (min-width: @screen-sm) and (max-width: @screen-sm-max) { .responsive-visibility(); } } &.visible-md { - @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) { + @media (min-width: @screen-md) and (max-width: @screen-md-max) { .responsive-visibility(); } } &.visible-lg { - @media (min-width: @screen-large-desktop) { + @media (min-width: @screen-lg) { .responsive-visibility(); } } @@ -59,20 +59,20 @@ .visible-sm { .responsive-invisibility(); &.visible-xs { - @media (max-width: @screen-phone-max) { + @media (max-width: @screen-xs-max) { .responsive-visibility(); } } - @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { + @media (min-width: @screen-sm) and (max-width: @screen-sm-max) { .responsive-visibility(); } &.visible-md { - @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) { + @media (min-width: @screen-md) and (max-width: @screen-md-max) { .responsive-visibility(); } } &.visible-lg { - @media (min-width: @screen-large-desktop) { + @media (min-width: @screen-lg) { .responsive-visibility(); } } @@ -80,20 +80,20 @@ .visible-md { .responsive-invisibility(); &.visible-xs { - @media (max-width: @screen-phone-max) { + @media (max-width: @screen-xs-max) { .responsive-visibility(); } } &.visible-sm { - @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { + @media (min-width: @screen-sm) and (max-width: @screen-sm-max) { .responsive-visibility(); } } - @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) { + @media (min-width: @screen-md) and (max-width: @screen-md-max) { .responsive-visibility(); } &.visible-lg { - @media (min-width: @screen-large-desktop) { + @media (min-width: @screen-lg) { .responsive-visibility(); } } @@ -101,42 +101,42 @@ .visible-lg { .responsive-invisibility(); &.visible-xs { - @media (max-width: @screen-phone-max) { + @media (max-width: @screen-xs-max) { .responsive-visibility(); } } &.visible-sm { - @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { + @media (min-width: @screen-sm) and (max-width: @screen-sm-max) { .responsive-visibility(); } } &.visible-md { - @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) { + @media (min-width: @screen-md) and (max-width: @screen-md-max) { .responsive-visibility(); } } - @media (min-width: @screen-large-desktop) { + @media (min-width: @screen-lg) { .responsive-visibility(); } } .hidden-xs { .responsive-visibility(); - @media (max-width: @screen-phone-max) { + @media (max-width: @screen-xs-max) { .responsive-invisibility(); } &.hidden-sm { - @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { + @media (min-width: @screen-sm) and (max-width: @screen-sm-max) { .responsive-invisibility(); } } &.hidden-md { - @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) { + @media (min-width: @screen-md) and (max-width: @screen-md-max) { .responsive-invisibility(); } } &.hidden-lg { - @media (min-width: @screen-large-desktop) { + @media (min-width: @screen-lg) { .responsive-invisibility(); } } @@ -144,20 +144,20 @@ .hidden-sm { .responsive-visibility(); &.hidden-xs { - @media (max-width: @screen-phone-max) { + @media (max-width: @screen-xs-max) { .responsive-invisibility(); } } - @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { + @media (min-width: @screen-sm) and (max-width: @screen-sm-max) { .responsive-invisibility(); } &.hidden-md { - @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) { + @media (min-width: @screen-md) and (max-width: @screen-md-max) { .responsive-invisibility(); } } &.hidden-lg { - @media (min-width: @screen-large-desktop) { + @media (min-width: @screen-lg) { .responsive-invisibility(); } } @@ -165,20 +165,20 @@ .hidden-md { .responsive-visibility(); &.hidden-xs { - @media (max-width: @screen-phone-max) { + @media (max-width: @screen-xs-max) { .responsive-invisibility(); } } &.hidden-sm { - @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { + @media (min-width: @screen-sm) and (max-width: @screen-sm-max) { .responsive-invisibility(); } } - @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) { + @media (min-width: @screen-md) and (max-width: @screen-md-max) { .responsive-invisibility(); } &.hidden-lg { - @media (min-width: @screen-large-desktop) { + @media (min-width: @screen-lg) { .responsive-invisibility(); } } @@ -186,21 +186,21 @@ .hidden-lg { .responsive-visibility(); &.hidden-xs { - @media (max-width: @screen-phone-max) { + @media (max-width: @screen-xs-max) { .responsive-invisibility(); } } &.hidden-sm { - @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { + @media (min-width: @screen-sm) and (max-width: @screen-sm-max) { .responsive-invisibility(); } } &.hidden-md { - @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) { + @media (min-width: @screen-md) and (max-width: @screen-md-max) { .responsive-invisibility(); } } - @media (min-width: @screen-large-desktop) { + @media (min-width: @screen-lg) { .responsive-invisibility(); } }