2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-17 19:21:23 +03: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
+30 -30
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();
} });
} }