Commit 2beb2e9f authored by Mark Otto's avatar Mark Otto

rename media query mixins to .media-*

parent e6fbefbb
......@@ -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();
});
}
......
// 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(); }
}
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