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 "accordion";
@import "dropdown"; @import "dropdown";
@import "modal"; @import "modal";
@import "slider";
@import "offcanvas"; @import "offcanvas";
@import "notification"; @import "notification";
@import "tooltip"; @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() { .hook-tab() {
position: relative; position: relative;
&::before { &:not(.uk-slider-items):not(.uk-tab-left):not(.uk-tab-right)::before {
content: ""; content: "";
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 20px; left: @tab-margin-horizontal;
right: 0; right: 0;
border-bottom: @tab-border-width solid @tab-border; border-bottom: @tab-border-width solid @tab-border;
} }
@ -42,9 +42,10 @@
font-weight: 600; font-weight: 600;
} }
.hook-tab-left() { .hook-tab-left() {
&::before { &::before {
content: "";
position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: auto; left: auto;
@ -62,6 +63,8 @@
.hook-tab-right() { .hook-tab-right() {
&::before { &::before {
content: "";
position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;