}
.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(); }
}