0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-18 10:52:19 +01:00

Change hard-coded media queries in responsive-utilities.less to ref

media query mixin.

Does not account for print media queries yet.

Conflicts:
	less/_utilities-responsive.less
This commit is contained in:
mrmrs 2014-03-11 06:10:09 -07:00 committed by Mark Otto
parent cc3e6700b8
commit 44f948ad53

View File

@ -39,83 +39,83 @@
} }
.visible-xs-block { .visible-xs-block {
@media (max-width: @screen-xs-max) { .screen-xs({
display: block !important; display: block !important;
} });
} }
.visible-xs-inline { .visible-xs-inline {
@media (max-width: @screen-xs-max) { .screen-xs({
display: inline !important; display: inline !important;
} });
} }
.visible-xs-inline-block { .visible-xs-inline-block {
@media (max-width: @screen-xs-max) { .screen-xs({
display: inline-block !important; display: inline-block !important;
} });
} }
.visible-sm-block { .visible-sm-block {
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { .screen-sm-max({
display: block !important; display: block !important;
} });
} }
.visible-sm-inline { .visible-sm-inline {
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { .screen-sm-max({
display: inline !important; display: inline !important;
} });
} }
.visible-sm-inline-block { .visible-sm-inline-block {
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { .screen-sm-max({
display: inline-block !important; display: inline-block !important;
} });
} }
.visible-md-block { .visible-md-block {
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { .screen-md-max({
display: block !important; display: block !important;
} });
} }
.visible-md-inline { .visible-md-inline {
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { .screen-md-max({
display: inline !important; display: inline !important;
} });
} }
.visible-md-inline-block { .visible-md-inline-block {
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { .screen-md-max({
display: inline-block !important; display: inline-block !important;
} });
} }
.visible-lg-block { .visible-lg-block {
@media (min-width: @screen-lg-min) { .screen-lg({
display: block !important; display: block !important;
} });
} }
.visible-lg-inline { .visible-lg-inline {
@media (min-width: @screen-lg-min) { .screen-lg({
display: inline !important; display: inline !important;
} });
} }
.visible-lg-inline-block { .visible-lg-inline-block {
@media (min-width: @screen-lg-min) { .screen-lg({
display: inline-block !important; display: inline-block !important;
} });
} }
.hidden-sm { .hidden-sm {
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { .screen-sm-max({
.responsive-invisibility(); .responsive-invisibility();
} });
} }
.hidden-md { .hidden-md {
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { .screen-md-max({
.responsive-invisibility(); .responsive-invisibility();
} });
} }
.hidden-lg { .hidden-lg {
@media (min-width: @screen-lg-min) { .screen-lg({
.responsive-invisibility(); .responsive-invisibility();
} });
} }