Skip to content

B
bootstrap
Commit 2beb2e9f authored by Mark Otto's avatar Mark Otto
Browse files
Options

rename media query mixins to .media-*

parent e6fbefbb
Show whitespace changes
Inline Side-by-side
Showing with 21 additions and 21 deletions
less/_utilities-responsive.less
View file @ 2beb2e9f
...@@ -39,81 +39,81 @@ ...@@ -39,81 +39,81 @@
} }
.visible-xs-block { .visible-xs-block {
.screen-xs({ .media-xs({
display: block !important; display: block !important;
}); });
} }
.visible-xs-inline { .visible-xs-inline {
.screen-xs({ .media-xs({
display: inline !important; display: inline !important;
}); });
} }
.visible-xs-inline-block { .visible-xs-inline-block {
.screen-xs({ .media-xs({
display: inline-block !important; display: inline-block !important;
}); });
} }
.visible-sm-block { .visible-sm-block {
.screen-sm-max({ .media-sm-max({
display: block !important; display: block !important;
}); });
} }
.visible-sm-inline { .visible-sm-inline {
.screen-sm-max({ .media-sm-max({
display: inline !important; display: inline !important;
}); });
} }
.visible-sm-inline-block { .visible-sm-inline-block {
.screen-sm-max({ .media-sm-max({
display: inline-block !important; display: inline-block !important;
}); });
} }
.visible-md-block { .visible-md-block {
.screen-md-max({ .media-md-max({
display: block !important; display: block !important;
}); });
} }
.visible-md-inline { .visible-md-inline {
.screen-md-max({ .media-md-max({
display: inline !important; display: inline !important;
}); });
} }
.visible-md-inline-block { .visible-md-inline-block {
.screen-md-max({ .media-md-max({
display: inline-block !important; display: inline-block !important;
}); });
} }
.visible-lg-block { .visible-lg-block {
.screen-lg({ .media-lg({
display: block !important; display: block !important;
}); });
} }
.visible-lg-inline { .visible-lg-inline {
.screen-lg({ .media-lg({
display: inline !important; display: inline !important;
}); });
} }
.visible-lg-inline-block { .visible-lg-inline-block {
.screen-lg({ .media-lg({
display: inline-block !important; display: inline-block !important;
}); });
} }
.hidden-sm { .hidden-sm {
.screen-sm-max({ .media-sm-max({
.responsive-invisibility(); .responsive-invisibility();
}); });
} }
.hidden-md { .hidden-md {
.screen-md-max({ .media-md-max({
.responsive-invisibility(); .responsive-invisibility();
}); });
} }
.hidden-lg { .hidden-lg {
.screen-lg({ .media-lg({
.responsive-invisibility(); .responsive-invisibility();
}); });
} }
......
less/mixins/media-queries.less
View file @ 2beb2e9f
// Media query mixins // Media query mixins
.screen-xs(@rules) { .media-xs(@rules) {
@media (max-width: @screen-xs-max) { @rules(); } @media (max-width: @screen-xs-max) { @rules(); }
} }
.screen-sm(@rules) { .media-sm(@rules) {
@media (min-width: @screen-sm-min) { @rules(); } @media (min-width: @screen-sm-min) { @rules(); }
} }
.screen-sm-max(@rules) { .media-sm-max(@rules) {
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { @rules(); } @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { @rules(); }
} }
.screen-md(@rules) { .media-md(@rules) {
@media (min-width: @screen-md-min) { @rules(); } @media (min-width: @screen-md-min) { @rules(); }
} }
.screen-md-max(@rules) { .media-md-max(@rules) {
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { @rules(); } @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { @rules(); }
} }
.screen-lg(@rules) { .media-lg(@rules) {
@media (min-width: @screen-lg-min) { @rules(); } @media (min-width: @screen-lg-min) { @rules(); }
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment