rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

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

Browse Source 
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
1 changed files with 30 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
less/_utilities-responsive.less
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();
}
});
}