diff --git a/app/assets/stylesheets/blacklight/_facets.scss b/app/assets/stylesheets/blacklight/_facets.scss index b049d9cc5..5e5bf3e48 100644 --- a/app/assets/stylesheets/blacklight/_facets.scss +++ b/app/assets/stylesheets/blacklight/_facets.scss @@ -1,6 +1,7 @@ .sidenav { - --bl-facets-smallish-padding: .25rem; - --bl-facets-smallish-border: var(--bs-border-width) solid var(--bs-border-color); + --bl-facets-smallish-padding: 0.25rem; + --bl-facets-smallish-border: var(--bs-border-width) solid + var(--bs-border-color); --bl-facets-smallish-margin-bottom: #{$spacer}; --bl-facets-smallish-border-radius: #{$border-radius}; @@ -39,14 +40,12 @@ $next: breakpoint-next($breakpoint, $grid-breakpoints); $infix: breakpoint-infix($breakpoint, $grid-breakpoints); - &#{$infix} { @include media-breakpoint-down($next) { border: var(--bl-facets-smallish-border); padding: var(--bl-facets-smallish-padding); margin-bottom: var(--bl-facets-smallish-margin-bottom); border-radius: var(--bl-facets-smallish-border-radius); - } @include media-breakpoint-up($next) { // scss-lint:disable ImportantRule @@ -109,10 +108,10 @@ } .facet-limit-active { - border-color: $facet-active-border !important; + border-color: $facet-active-border; .card-header { - background-color: var(--bl-facet-active-bg) !important; + background-color: var(--bl-facet-active-bg); .btn { @if function-exists(color-contrast) { @@ -143,7 +142,7 @@ } .selected { - color: var(--bl-facet-active-item-color) !important; + color: var(--bl-facet-active-item-color); } } @@ -168,7 +167,7 @@ } .facet-count { - margin-left: auto + margin-left: auto; } .facet-checkbox { @@ -194,7 +193,7 @@ } /* This prevents the contained stretch link from covering the panel body */ - position: relative + position: relative; } /* Sidenav @@ -256,10 +255,12 @@ $facet-toggle-height: $facet-toggle-width !default; } .show .icon { - background: transparent escape-svg($facet-toggle-show-icon) center / $facet-toggle-width auto no-repeat; + background: transparent escape-svg($facet-toggle-show-icon) center / + $facet-toggle-width auto no-repeat; } .hide .icon { - background: transparent escape-svg($facet-toggle-hide-icon) center / $facet-toggle-width auto no-repeat; + background: transparent escape-svg($facet-toggle-hide-icon) center / + $facet-toggle-width auto no-repeat; } }