2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-24 14:04:09 +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 {
@media (max-width: @screen-xs-max) {
.screen-xs({
display: block !important;
}
});
}
.visible-xs-inline {
@media (max-width: @screen-xs-max) {
.screen-xs({
display: inline !important;
}
});
}
.visible-xs-inline-block {
@media (max-width: @screen-xs-max) {
.screen-xs({
display: inline-block !important;
}
});
}
.visible-sm-block {
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
.screen-sm-max({
display: block !important;
}
});
}
.visible-sm-inline {
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
.screen-sm-max({
display: inline !important;
}
});
}
.visible-sm-inline-block {
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
.screen-sm-max({
display: inline-block !important;
}
});
}
.visible-md-block {
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
.screen-md-max({
display: block !important;
}
});
}
.visible-md-inline {
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
.screen-md-max({
display: inline !important;
}
});
}
.visible-md-inline-block {
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
.screen-md-max({
display: inline-block !important;
}
});
}
.visible-lg-block {
@media (min-width: @screen-lg-min) {
.screen-lg({
display: block !important;
}
});
}
.visible-lg-inline {
@media (min-width: @screen-lg-min) {
.screen-lg({
display: inline !important;
}
});
}
.visible-lg-inline-block {
@media (min-width: @screen-lg-min) {
.screen-lg({
display: inline-block !important;
}
});
}
.hidden-sm {
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
.screen-sm-max({
.responsive-invisibility();
}
});
}
.hidden-md {
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
.screen-md-max({
.responsive-invisibility();
}
});
}
.hidden-lg {
@media (min-width: @screen-lg-min) {
.screen-lg({
.responsive-invisibility();
}
});
}