diff options
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(); + } } |