kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

rename media query mixins to .media-*

Browse source
This commit is contained in:
Mark Otto 2014-09-17 21:57:51 -07:00
parent e6fbefbb7f
commit 2beb2e9fcf
2 changed files with 21 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
less/_utilities-responsive.less
View file

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

12
less/mixins/media-queries.less
View file

@ -1,26 +1,26 @@
// Media query mixins
.screen-xs(@rules) {
.media-xs(@rules) {
@media (max-width: @screen-xs-max) { @rules(); }
}
.screen-sm(@rules) {
.media-sm(@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(); }
}
.screen-md(@rules) {
.media-md(@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(); }
}
.screen-lg(@rules) {
.media-lg(@rules) {
@media (min-width: @screen-lg-min) { @rules(); }
}