aboutsummaryrefslogtreecommitdiff
path: root/assets/css/bootstrap-3.3.2/responsive-utilities.less
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--assets/css/bootstrap-3.3.2/responsive-utilities.less (renamed from assets/css/lib/bootstrap/_responsive-utilities.scss)98
1 files changed, 59 insertions, 39 deletions
diff --git a/assets/css/lib/bootstrap/_responsive-utilities.scss b/assets/css/bootstrap-3.3.2/responsive-utilities.less
index 4d9e13b..b1db31d 100644
--- a/assets/css/lib/bootstrap/_responsive-utilities.scss
+++ b/assets/css/bootstrap-3.3.2/responsive-utilities.less
@@ -25,8 +25,12 @@
// Visibility utilities
// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
-
-@include responsive-invisibility('.visible-xs, .visible-sm, .visible-md, .visible-lg');
+.visible-xs,
+.visible-sm,
+.visible-md,
+.visible-lg {
+ .responsive-invisibility();
+}
.visible-xs-block,
.visible-xs-inline,
@@ -43,96 +47,109 @@
display: none !important;
}
-@media (max-width: $screen-xs-max) {
- @include responsive-visibility('.visible-xs');
+.visible-xs {
+ @media (max-width: @screen-xs-max) {
+ .responsive-visibility();
+ }
}
.visible-xs-block {
- @media (max-width: $screen-xs-max) {
+ @media (max-width: @screen-xs-max) {
display: block !important;
}
}
.visible-xs-inline {
- @media (max-width: $screen-xs-max) {
+ @media (max-width: @screen-xs-max) {
display: inline !important;
}
}
.visible-xs-inline-block {
- @media (max-width: $screen-xs-max) {
+ @media (max-width: @screen-xs-max) {
display: inline-block !important;
}
}
-@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
- @include responsive-visibility('.visible-sm');
+.visible-sm {
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+ .responsive-visibility();
+ }
}
.visible-sm-block {
- @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
display: block !important;
}
}
.visible-sm-inline {
- @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
display: inline !important;
}
}
.visible-sm-inline-block {
- @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
display: inline-block !important;
}
}
-@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
- @include responsive-visibility('.visible-md');
+.visible-md {
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+ .responsive-visibility();
+ }
}
.visible-md-block {
- @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
display: block !important;
}
}
.visible-md-inline {
- @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
display: inline !important;
}
}
.visible-md-inline-block {
- @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
display: inline-block !important;
}
}
-@media (min-width: $screen-lg-min) {
- @include responsive-visibility('.visible-lg');
+.visible-lg {
+ @media (min-width: @screen-lg-min) {
+ .responsive-visibility();
+ }
}
.visible-lg-block {
- @media (min-width: $screen-lg-min) {
+ @media (min-width: @screen-lg-min) {
display: block !important;
}
}
.visible-lg-inline {
- @media (min-width: $screen-lg-min) {
+ @media (min-width: @screen-lg-min) {
display: inline !important;
}
}
.visible-lg-inline-block {
- @media (min-width: $screen-lg-min) {
+ @media (min-width: @screen-lg-min) {
display: inline-block !important;
}
}
-@media (max-width: $screen-xs-max) {
- @include responsive-invisibility('.hidden-xs');
+.hidden-xs {
+ @media (max-width: @screen-xs-max) {
+ .responsive-invisibility();
+ }
}
-
-@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
- @include responsive-invisibility('.hidden-sm');
+.hidden-sm {
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+ .responsive-invisibility();
+ }
}
-
-@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
- @include responsive-invisibility('.hidden-md');
+.hidden-md {
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+ .responsive-invisibility();
+ }
}
-
-@media (min-width: $screen-lg-min) {
- @include responsive-invisibility('.hidden-lg');
+.hidden-lg {
+ @media (min-width: @screen-lg-min) {
+ .responsive-invisibility();
+ }
}
@@ -141,11 +158,12 @@
// Media queries are placed on the inside to be mixin-friendly.
// Note: Deprecated .visible-print as of v3.2.0
+.visible-print {
+ .responsive-invisibility();
-@include responsive-invisibility('.visible-print');
-
-@media print {
- @include responsive-visibility('.visible-print');
+ @media print {
+ .responsive-visibility();
+ }
}
.visible-print-block {
display: none !important;
@@ -169,6 +187,8 @@
}
}
-@media print {
- @include responsive-invisibility('.hidden-print');
+.hidden-print {
+ @media print {
+ .responsive-invisibility();
+ }
}