diff --git a/less/_import.less b/less/_import.less index d318921..543a2e9 100644 --- a/less/_import.less +++ b/less/_import.less @@ -35,6 +35,7 @@ @import "accordion"; @import "dropdown"; @import "modal"; +@import "slider"; @import "offcanvas"; @import "notification"; @import "tooltip"; diff --git a/less/slider.less b/less/slider.less new file mode 100644 index 0000000..ab4209a --- /dev/null +++ b/less/slider.less @@ -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; + } + } +} diff --git a/less/tab.less b/less/tab.less index aab0281..0d66cd2 100644 --- a/less/tab.less +++ b/less/tab.less @@ -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;