MaDgIK
/
openaire-theme
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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

This commit is contained in:
Konstantinos Triantafyllou 2023-10-10 17:13:30 +03:00
parent fe7394ea9e
commit 2dadcf8592
2 changed files with 2 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
less/inverse.less
View File

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

12
less/slider.less
View File

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