Remove hover from slider and change inverse color on dark backgrounds.

angular-16
parent fe7394ea9e
commit 2dadcf8592

@ -1,6 +1,6 @@
/* Dark Background: Use hook-inverse-misc in order to add styles
in a dark background and use uk-light in a child */
@inverse-global-color: @global-inverse-color;
@inverse-global-color: @global-background;
.dark {
.hook-inverse-misc();

@ -6,13 +6,11 @@
@slider-nav-item-margin: @global-small-margin;
@slider-nav-item-padding: 20px 30px;
@slider-nav-item-border-radius: @global-border-radius;
@slider-nav-item-background-hover: @ciel-color;
@slider-nav-item-background-active: @ciel-color;
@slider-nav-item-action-size: @icon-button-small-size;
@slider-nav-item-action-background: @global-background;
@inverse-slider-nav-item-background-hover: fade(@global-inverse-color, 15%);
@inverse-slider-nav-item-background-active: fade(@global-inverse-color, 15%);
@inverse-slider-nav-item-background-active: fade(@global-inverse-color, 5%);
.mobile(@link-color: @global-link-color, @link-color-hover: @global-link-hover-color) {
@media (max-width: @breakpoint-medium-max) {
@ -107,10 +105,6 @@
}
}
& > *:hover {
background: @slider-nav-item-background-hover;
}
& > .uk-active {
background: @slider-nav-item-background-active;
@ -135,10 +129,6 @@
& slider-nav-item {
& > *:hover {
background: @inverse-slider-nav-item-background-hover;
}
& > .uk-active {
box-shadow: 10px 10px 25px #0000001A;
background: @inverse-slider-nav-item-background-active;

Loading…
Cancel
Save