From 2dadcf85926bc0f11fff22ed94dc197ddd8587c6 Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Tue, 10 Oct 2023 17:13:30 +0300 Subject: [PATCH] Remove hover from slider and change inverse color on dark backgrounds. --- less/inverse.less | 2 +- less/slider.less | 12 +----------- 2 files changed, 2 insertions(+), 12 deletions(-) diff --git a/less/inverse.less b/less/inverse.less index bb55876..e9a656e 100644 --- a/less/inverse.less +++ b/less/inverse.less @@ -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(); diff --git a/less/slider.less b/less/slider.less index 5bc2dc3..f077de5 100644 --- a/less/slider.less +++ b/less/slider.less @@ -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;