Add border classes and slider arrow

This commit is contained in:
Konstantinos Triantafyllou 2023-02-09 11:41:16 +02:00
parent 0dd2be3ea5
commit 5b838cfc1c
2 changed files with 46 additions and 9 deletions

View File

@ -1,4 +1,25 @@
@slider-arrow-background: @global-background;
@slider-arrow-width: 50px;
@slider-arrow-margin: 5px;
.hook-slider-misc() { .hook-slider-misc() {
.uk-slider-arrow {
height: 100%;
width: @slider-arrow-width;
display: flex;
align-items: center;
justify-content: center;
background: @slider-arrow-background;
&.uk-slider-left {
padding-right: @slider-arrow-margin;
}
&.uk-slider-right {
padding-left: @slider-arrow-margin;
}
}
.uk-slider-container-tabs:extend(.uk-slider-container) { .uk-slider-container-tabs:extend(.uk-slider-container) {
position: relative; position: relative;
@ -9,14 +30,5 @@
& .uk-subnav { & .uk-subnav {
margin-left: -@subnav-margin-horizontal; margin-left: -@subnav-margin-horizontal;
} }
&:has(.uk-tab)::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-bottom: @tab-border-width solid @tab-border;
}
} }
} }

View File

@ -1,7 +1,32 @@
@dropcap-font-size: @global-line-height * 3; @dropcap-font-size: @global-line-height * 3;
@border-rounded-border-radius: @global-border-radius; @border-rounded-border-radius: @global-border-radius;
@border-width: @global-border-width;
@border-color: @global-border;
.hook-utility-misc() { .hook-utility-misc() {
/* Border */
.uk-border {
border: @border-width solid @border-color;
}
.uk-border-bottom {
border-bottom: @border-width solid @border-color;
}
.uk-border-top {
border-top: @border-width solid @border-color;
}
.uk-border-left {
border-left: @border-width solid @border-color;
}
.uk-border-right {
border-right: @border-width solid @border-color;
}
/* Box-shadow */ /* Box-shadow */
.uk-box-shadow-default, .uk-box-shadow-default-hover:hover { .uk-box-shadow-default, .uk-box-shadow-default-hover:hover {
box-shadow: @global-default-shadow; box-shadow: @global-default-shadow;