aboutsummaryrefslogtreecommitdiff
path: root/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities
diff options
context:
space:
mode:
authorQuentin Dufour <quentin@deuxfleurs.fr>2021-10-01 14:32:43 +0200
committerQuentin Dufour <quentin@deuxfleurs.fr>2021-10-01 14:32:43 +0200
commit9ccf652c00457e46eaf46fc4cb8f6d0ee582c5ef (patch)
treeb02c0a9a15de80acb3661163d469da41cd6aa8c3 /themes/hugo-whisper-theme/assets/scss/bootstrap/utilities
downloadrfid-9ccf652c00457e46eaf46fc4cb8f6d0ee582c5ef.tar.gz
rfid-9ccf652c00457e46eaf46fc4cb8f6d0ee582c5ef.zip
Initial commit
Diffstat (limited to 'themes/hugo-whisper-theme/assets/scss/bootstrap/utilities')
-rwxr-xr-xthemes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_align.scss8
-rwxr-xr-xthemes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_background.scss19
-rwxr-xr-xthemes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_borders.scss75
-rwxr-xr-xthemes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_clearfix.scss3
-rwxr-xr-xthemes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_display.scss26
-rwxr-xr-xthemes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_embed.scss39
-rwxr-xr-xthemes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_flex.scss51
-rwxr-xr-xthemes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_float.scss11
-rwxr-xr-xthemes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_overflow.scss5
-rwxr-xr-xthemes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_position.scss32
-rwxr-xr-xthemes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_screenreaders.scss11
-rwxr-xr-xthemes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_shadows.scss6
-rwxr-xr-xthemes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_sizing.scss20
-rwxr-xr-xthemes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_spacing.scss73
-rwxr-xr-xthemes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_stretched-link.scss19
-rwxr-xr-xthemes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_text.scss72
-rwxr-xr-xthemes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_visibility.scss13
17 files changed, 483 insertions, 0 deletions
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_align.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_align.scss
new file mode 100755
index 0000000..8b7df9f
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_align.scss
@@ -0,0 +1,8 @@
+// stylelint-disable declaration-no-important
+
+.align-baseline { vertical-align: baseline !important; } // Browser default
+.align-top { vertical-align: top !important; }
+.align-middle { vertical-align: middle !important; }
+.align-bottom { vertical-align: bottom !important; }
+.align-text-bottom { vertical-align: text-bottom !important; }
+.align-text-top { vertical-align: text-top !important; }
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_background.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_background.scss
new file mode 100755
index 0000000..1f18b2f
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_background.scss
@@ -0,0 +1,19 @@
+// stylelint-disable declaration-no-important
+
+@each $color, $value in $theme-colors {
+ @include bg-variant(".bg-#{$color}", $value);
+}
+
+@if $enable-gradients {
+ @each $color, $value in $theme-colors {
+ @include bg-gradient-variant(".bg-gradient-#{$color}", $value);
+ }
+}
+
+.bg-white {
+ background-color: $white !important;
+}
+
+.bg-transparent {
+ background-color: transparent !important;
+}
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_borders.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_borders.scss
new file mode 100755
index 0000000..302f6bf
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_borders.scss
@@ -0,0 +1,75 @@
+// stylelint-disable property-blacklist, declaration-no-important
+
+//
+// Border
+//
+
+.border { border: $border-width solid $border-color !important; }
+.border-top { border-top: $border-width solid $border-color !important; }
+.border-right { border-right: $border-width solid $border-color !important; }
+.border-bottom { border-bottom: $border-width solid $border-color !important; }
+.border-left { border-left: $border-width solid $border-color !important; }
+
+.border-0 { border: 0 !important; }
+.border-top-0 { border-top: 0 !important; }
+.border-right-0 { border-right: 0 !important; }
+.border-bottom-0 { border-bottom: 0 !important; }
+.border-left-0 { border-left: 0 !important; }
+
+@each $color, $value in $theme-colors {
+ .border-#{$color} {
+ border-color: $value !important;
+ }
+}
+
+.border-white {
+ border-color: $white !important;
+}
+
+//
+// Border-radius
+//
+
+.rounded-sm {
+ border-radius: $border-radius-sm !important;
+}
+
+.rounded {
+ border-radius: $border-radius !important;
+}
+
+.rounded-top {
+ border-top-left-radius: $border-radius !important;
+ border-top-right-radius: $border-radius !important;
+}
+
+.rounded-right {
+ border-top-right-radius: $border-radius !important;
+ border-bottom-right-radius: $border-radius !important;
+}
+
+.rounded-bottom {
+ border-bottom-right-radius: $border-radius !important;
+ border-bottom-left-radius: $border-radius !important;
+}
+
+.rounded-left {
+ border-top-left-radius: $border-radius !important;
+ border-bottom-left-radius: $border-radius !important;
+}
+
+.rounded-lg {
+ border-radius: $border-radius-lg !important;
+}
+
+.rounded-circle {
+ border-radius: 50% !important;
+}
+
+.rounded-pill {
+ border-radius: $rounded-pill !important;
+}
+
+.rounded-0 {
+ border-radius: 0 !important;
+}
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_clearfix.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_clearfix.scss
new file mode 100755
index 0000000..e92522a
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_clearfix.scss
@@ -0,0 +1,3 @@
+.clearfix {
+ @include clearfix();
+}
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_display.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_display.scss
new file mode 100755
index 0000000..1303679
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_display.scss
@@ -0,0 +1,26 @@
+// stylelint-disable declaration-no-important
+
+//
+// Utilities for common `display` values
+//
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+ @include media-breakpoint-up($breakpoint) {
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+ @each $value in $displays {
+ .d#{$infix}-#{$value} { display: $value !important; }
+ }
+ }
+}
+
+
+//
+// Utilities for toggling `display` in print
+//
+
+@media print {
+ @each $value in $displays {
+ .d-print-#{$value} { display: $value !important; }
+ }
+}
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_embed.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_embed.scss
new file mode 100755
index 0000000..4497ac0
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_embed.scss
@@ -0,0 +1,39 @@
+// Credit: Nicolas Gallagher and SUIT CSS.
+
+.embed-responsive {
+ position: relative;
+ display: block;
+ width: 100%;
+ padding: 0;
+ overflow: hidden;
+
+ &::before {
+ display: block;
+ content: "";
+ }
+
+ .embed-responsive-item,
+ iframe,
+ embed,
+ object,
+ video {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ border: 0;
+ }
+}
+
+@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {
+ $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);
+ $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);
+
+ .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {
+ &::before {
+ padding-top: percentage($embed-responsive-aspect-ratio-y / $embed-responsive-aspect-ratio-x);
+ }
+ }
+}
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_flex.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_flex.scss
new file mode 100755
index 0000000..3d4266e
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_flex.scss
@@ -0,0 +1,51 @@
+// stylelint-disable declaration-no-important
+
+// Flex variation
+//
+// Custom styles for additional flex alignment options.
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+ @include media-breakpoint-up($breakpoint) {
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+ .flex#{$infix}-row { flex-direction: row !important; }
+ .flex#{$infix}-column { flex-direction: column !important; }
+ .flex#{$infix}-row-reverse { flex-direction: row-reverse !important; }
+ .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }
+
+ .flex#{$infix}-wrap { flex-wrap: wrap !important; }
+ .flex#{$infix}-nowrap { flex-wrap: nowrap !important; }
+ .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }
+ .flex#{$infix}-fill { flex: 1 1 auto !important; }
+ .flex#{$infix}-grow-0 { flex-grow: 0 !important; }
+ .flex#{$infix}-grow-1 { flex-grow: 1 !important; }
+ .flex#{$infix}-shrink-0 { flex-shrink: 0 !important; }
+ .flex#{$infix}-shrink-1 { flex-shrink: 1 !important; }
+
+ .justify-content#{$infix}-start { justify-content: flex-start !important; }
+ .justify-content#{$infix}-end { justify-content: flex-end !important; }
+ .justify-content#{$infix}-center { justify-content: center !important; }
+ .justify-content#{$infix}-between { justify-content: space-between !important; }
+ .justify-content#{$infix}-around { justify-content: space-around !important; }
+
+ .align-items#{$infix}-start { align-items: flex-start !important; }
+ .align-items#{$infix}-end { align-items: flex-end !important; }
+ .align-items#{$infix}-center { align-items: center !important; }
+ .align-items#{$infix}-baseline { align-items: baseline !important; }
+ .align-items#{$infix}-stretch { align-items: stretch !important; }
+
+ .align-content#{$infix}-start { align-content: flex-start !important; }
+ .align-content#{$infix}-end { align-content: flex-end !important; }
+ .align-content#{$infix}-center { align-content: center !important; }
+ .align-content#{$infix}-between { align-content: space-between !important; }
+ .align-content#{$infix}-around { align-content: space-around !important; }
+ .align-content#{$infix}-stretch { align-content: stretch !important; }
+
+ .align-self#{$infix}-auto { align-self: auto !important; }
+ .align-self#{$infix}-start { align-self: flex-start !important; }
+ .align-self#{$infix}-end { align-self: flex-end !important; }
+ .align-self#{$infix}-center { align-self: center !important; }
+ .align-self#{$infix}-baseline { align-self: baseline !important; }
+ .align-self#{$infix}-stretch { align-self: stretch !important; }
+ }
+}
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_float.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_float.scss
new file mode 100755
index 0000000..5425084
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_float.scss
@@ -0,0 +1,11 @@
+// stylelint-disable declaration-no-important
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+ @include media-breakpoint-up($breakpoint) {
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+ .float#{$infix}-left { float: left !important; }
+ .float#{$infix}-right { float: right !important; }
+ .float#{$infix}-none { float: none !important; }
+ }
+}
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_overflow.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_overflow.scss
new file mode 100755
index 0000000..8326c30
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_overflow.scss
@@ -0,0 +1,5 @@
+// stylelint-disable declaration-no-important
+
+@each $value in $overflows {
+ .overflow-#{$value} { overflow: $value !important; }
+}
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_position.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_position.scss
new file mode 100755
index 0000000..cdf6c11
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_position.scss
@@ -0,0 +1,32 @@
+// stylelint-disable declaration-no-important
+
+// Common values
+@each $position in $positions {
+ .position-#{$position} { position: $position !important; }
+}
+
+// Shorthand
+
+.fixed-top {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: $zindex-fixed;
+}
+
+.fixed-bottom {
+ position: fixed;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: $zindex-fixed;
+}
+
+.sticky-top {
+ @supports (position: sticky) {
+ position: sticky;
+ top: 0;
+ z-index: $zindex-sticky;
+ }
+}
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_screenreaders.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_screenreaders.scss
new file mode 100755
index 0000000..9f26fde
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_screenreaders.scss
@@ -0,0 +1,11 @@
+//
+// Screenreaders
+//
+
+.sr-only {
+ @include sr-only();
+}
+
+.sr-only-focusable {
+ @include sr-only-focusable();
+}
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_shadows.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_shadows.scss
new file mode 100755
index 0000000..f5d03fc
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_shadows.scss
@@ -0,0 +1,6 @@
+// stylelint-disable declaration-no-important
+
+.shadow-sm { box-shadow: $box-shadow-sm !important; }
+.shadow { box-shadow: $box-shadow !important; }
+.shadow-lg { box-shadow: $box-shadow-lg !important; }
+.shadow-none { box-shadow: none !important; }
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_sizing.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_sizing.scss
new file mode 100755
index 0000000..f376488
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_sizing.scss
@@ -0,0 +1,20 @@
+// stylelint-disable declaration-no-important
+
+// Width and height
+
+@each $prop, $abbrev in (width: w, height: h) {
+ @each $size, $length in $sizes {
+ .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
+ }
+}
+
+.mw-100 { max-width: 100% !important; }
+.mh-100 { max-height: 100% !important; }
+
+// Viewport additional helpers
+
+.min-vw-100 { min-width: 100vw !important; }
+.min-vh-100 { min-height: 100vh !important; }
+
+.vw-100 { width: 100vw !important; }
+.vh-100 { height: 100vh !important; }
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_spacing.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_spacing.scss
new file mode 100755
index 0000000..3511367
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_spacing.scss
@@ -0,0 +1,73 @@
+// stylelint-disable declaration-no-important
+
+// Margin and Padding
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+ @include media-breakpoint-up($breakpoint) {
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+ @each $prop, $abbrev in (margin: m, padding: p) {
+ @each $size, $length in $spacers {
+ .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
+ .#{$abbrev}t#{$infix}-#{$size},
+ .#{$abbrev}y#{$infix}-#{$size} {
+ #{$prop}-top: $length !important;
+ }
+ .#{$abbrev}r#{$infix}-#{$size},
+ .#{$abbrev}x#{$infix}-#{$size} {
+ #{$prop}-right: $length !important;
+ }
+ .#{$abbrev}b#{$infix}-#{$size},
+ .#{$abbrev}y#{$infix}-#{$size} {
+ #{$prop}-bottom: $length !important;
+ }
+ .#{$abbrev}l#{$infix}-#{$size},
+ .#{$abbrev}x#{$infix}-#{$size} {
+ #{$prop}-left: $length !important;
+ }
+ }
+ }
+
+ // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
+ @each $size, $length in $spacers {
+ @if $size != 0 {
+ .m#{$infix}-n#{$size} { margin: -$length !important; }
+ .mt#{$infix}-n#{$size},
+ .my#{$infix}-n#{$size} {
+ margin-top: -$length !important;
+ }
+ .mr#{$infix}-n#{$size},
+ .mx#{$infix}-n#{$size} {
+ margin-right: -$length !important;
+ }
+ .mb#{$infix}-n#{$size},
+ .my#{$infix}-n#{$size} {
+ margin-bottom: -$length !important;
+ }
+ .ml#{$infix}-n#{$size},
+ .mx#{$infix}-n#{$size} {
+ margin-left: -$length !important;
+ }
+ }
+ }
+
+ // Some special margin utils
+ .m#{$infix}-auto { margin: auto !important; }
+ .mt#{$infix}-auto,
+ .my#{$infix}-auto {
+ margin-top: auto !important;
+ }
+ .mr#{$infix}-auto,
+ .mx#{$infix}-auto {
+ margin-right: auto !important;
+ }
+ .mb#{$infix}-auto,
+ .my#{$infix}-auto {
+ margin-bottom: auto !important;
+ }
+ .ml#{$infix}-auto,
+ .mx#{$infix}-auto {
+ margin-left: auto !important;
+ }
+ }
+}
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_stretched-link.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_stretched-link.scss
new file mode 100755
index 0000000..fb5066b
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_stretched-link.scss
@@ -0,0 +1,19 @@
+//
+// Stretched link
+//
+
+.stretched-link {
+ &::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1;
+ // Just in case `pointer-events: none` is set on a parent
+ pointer-events: auto;
+ content: "";
+ // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color
+ background-color: rgba(0, 0, 0, 0);
+ }
+}
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_text.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_text.scss
new file mode 100755
index 0000000..589e568
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_text.scss
@@ -0,0 +1,72 @@
+// stylelint-disable declaration-no-important
+
+//
+// Text
+//
+
+.text-monospace { font-family: $font-family-monospace !important; }
+
+// Alignment
+
+.text-justify { text-align: justify !important; }
+.text-wrap { white-space: normal !important; }
+.text-nowrap { white-space: nowrap !important; }
+.text-truncate { @include text-truncate; }
+
+// Responsive alignment
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+ @include media-breakpoint-up($breakpoint) {
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+ .text#{$infix}-left { text-align: left !important; }
+ .text#{$infix}-right { text-align: right !important; }
+ .text#{$infix}-center { text-align: center !important; }
+ }
+}
+
+// Transformation
+
+.text-lowercase { text-transform: lowercase !important; }
+.text-uppercase { text-transform: uppercase !important; }
+.text-capitalize { text-transform: capitalize !important; }
+
+// Weight and italics
+
+.font-weight-light { font-weight: $font-weight-light !important; }
+.font-weight-lighter { font-weight: $font-weight-lighter !important; }
+.font-weight-normal { font-weight: $font-weight-normal !important; }
+.font-weight-bold { font-weight: $font-weight-bold !important; }
+.font-weight-bolder { font-weight: $font-weight-bolder !important; }
+.font-italic { font-style: italic !important; }
+
+// Contextual colors
+
+.text-white { color: $white !important; }
+
+@each $color, $value in $theme-colors {
+ @include text-emphasis-variant(".text-#{$color}", $value);
+}
+
+.text-body { color: $body-color !important; }
+.text-muted { color: $text-muted !important; }
+
+.text-black-50 { color: rgba($black, .5) !important; }
+.text-white-50 { color: rgba($white, .5) !important; }
+
+// Misc
+
+.text-hide {
+ @include text-hide($ignore-warning: true);
+}
+
+.text-decoration-none { text-decoration: none !important; }
+
+.text-break {
+ word-break: break-word !important; // IE & < Edge 18
+ overflow-wrap: break-word !important;
+}
+
+// Reset
+
+.text-reset { color: inherit !important; }
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_visibility.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_visibility.scss
new file mode 100755
index 0000000..7756c3b
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/utilities/_visibility.scss
@@ -0,0 +1,13 @@
+// stylelint-disable declaration-no-important
+
+//
+// Visibility utilities
+//
+
+.visible {
+ visibility: visible !important;
+}
+
+.invisible {
+ visibility: hidden !important;
+}