|
|
|
@ -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;
|
|
|
|
|