// Visibility utilities
.visible-xs {
- .responsive-visibility();
- @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
- .responsive-invisibility();
+ .responsive-invisibility();
+ @media (max-width: @screen-xs-max) {
+ .responsive-visibility();
}
- @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
- .responsive-invisibility();
+ &.visible-sm {
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
+ .responsive-visibility();
+ }
}
- @media (min-width: @screen-large-desktop) {
- .responsive-invisibility();
+ &.visible-md {
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
+ .responsive-visibility();
+ }
+ }
+ &.visible-lg {
+ @media (min-width: @screen-lg) {
+ .responsive-visibility();
+ }
}
}
.visible-sm {
.responsive-invisibility();
- @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
+ &.visible-xs {
+ @media (max-width: @screen-xs-max) {
+ .responsive-visibility();
+ }
+ }
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
.responsive-visibility();
}
- @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
- .responsive-invisibility();
+ &.visible-md {
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
+ .responsive-visibility();
+ }
}
- @media (min-width: @screen-large-desktop) {
- .responsive-invisibility();
+ &.visible-lg {
+ @media (min-width: @screen-lg) {
+ .responsive-visibility();
+ }
}
}
.visible-md {
.responsive-invisibility();
- @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
- .responsive-invisibility();
+ &.visible-xs {
+ @media (max-width: @screen-xs-max) {
+ .responsive-visibility();
+ }
}
- @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
+ &.visible-sm {
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
+ .responsive-visibility();
+ }
+ }
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
.responsive-visibility();
}
- @media (min-width: @screen-large-desktop) {
- .responsive-invisibility();
+ &.visible-lg {
+ @media (min-width: @screen-lg) {
+ .responsive-visibility();
+ }
}
}
.visible-lg {
.responsive-invisibility();
- @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
- .responsive-invisibility();
- }
- @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
- .responsive-invisibility();
- }
- @media (min-width: @screen-large-desktop) {
+ &.visible-xs {
+ @media (max-width: @screen-xs-max) {
+ .responsive-visibility();
+ }
+ }
+ &.visible-sm {
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
+ .responsive-visibility();
+ }
+ }
+ &.visible-md {
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
+ .responsive-visibility();
+ }
+ }
+ @media (min-width: @screen-lg) {
.responsive-visibility();
}
}
.hidden-xs {
- .responsive-invisibility();
- @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
- .responsive-visibility();
+ .responsive-visibility();
+ @media (max-width: @screen-xs-max) {
+ .responsive-invisibility();
}
- @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
- .responsive-visibility();
+ &.hidden-sm {
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
+ .responsive-invisibility();
+ }
}
- @media (min-width: @screen-large-desktop) {
- .responsive-visibility();
+ &.hidden-md {
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
+ .responsive-invisibility();
+ }
+ }
+ &.hidden-lg {
+ @media (min-width: @screen-lg) {
+ .responsive-invisibility();
+ }
}
}
.hidden-sm {
.responsive-visibility();
- @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
+ &.hidden-xs {
+ @media (max-width: @screen-xs-max) {
+ .responsive-invisibility();
+ }
+ }
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
.responsive-invisibility();
}
- @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
- .responsive-visibility();
+ &.hidden-md {
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
+ .responsive-invisibility();
+ }
}
- @media (min-width: @screen-large-desktop) {
- .responsive-visibility();
+ &.hidden-lg {
+ @media (min-width: @screen-lg) {
+ .responsive-invisibility();
+ }
}
}
.hidden-md {
.responsive-visibility();
- @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
- .responsive-visibility();
+ &.hidden-xs {
+ @media (max-width: @screen-xs-max) {
+ .responsive-invisibility();
+ }
}
- @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
+ &.hidden-sm {
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
+ .responsive-invisibility();
+ }
+ }
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
.responsive-invisibility();
}
- @media (min-width: @screen-large-desktop) {
- .responsive-visibility();
+ &.hidden-lg {
+ @media (min-width: @screen-lg) {
+ .responsive-invisibility();
+ }
}
}
.hidden-lg {
.responsive-visibility();
- @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
- .responsive-visibility();
- }
- @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
- .responsive-visibility();
- }
- @media (min-width: @screen-large-desktop) {
+ &.hidden-xs {
+ @media (max-width: @screen-xs-max) {
+ .responsive-invisibility();
+ }
+ }
+ &.hidden-sm {
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
+ .responsive-invisibility();
+ }
+ }
+ &.hidden-md {
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
+ .responsive-invisibility();
+ }
+ }
+ @media (min-width: @screen-lg) {
.responsive-invisibility();
}
}
.visible-print {
.responsive-invisibility();
}
-.hidden-print { }
@media print {
.visible-print {