Add slider tabs style

This commit is contained in:
Konstantinos Triantafyllou 2022-10-21 17:09:17 +03:00
parent f902074e00
commit 1866a893c6
3 changed files with 21 additions and 3 deletions

1
less/_import.less vendored
View File

@ -35,6 +35,7 @@
@import "accordion";
@import "dropdown";
@import "modal";
@import "slider";
@import "offcanvas";
@import "notification";
@import "tooltip";

14
less/slider.less Normal file
View File

@ -0,0 +1,14 @@
.hook-slider-misc() {
.uk-slider-container-tabs:extend(.uk-slider-container) {
position: relative;
&::before {
content: "";
position: absolute;
bottom: 0;
left: @tab-margin-horizontal;
right: 0;
border-bottom: @tab-border-width solid @tab-border;
}
}
}

View File

@ -23,11 +23,11 @@
.hook-tab() {
position: relative;
&::before {
&:not(.uk-slider-items):not(.uk-tab-left):not(.uk-tab-right)::before {
content: "";
position: absolute;
bottom: 0;
left: 20px;
left: @tab-margin-horizontal;
right: 0;
border-bottom: @tab-border-width solid @tab-border;
}
@ -42,9 +42,10 @@
font-weight: 600;
}
.hook-tab-left() {
&::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: auto;
@ -62,6 +63,8 @@
.hook-tab-right() {
&::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;