Add landing-tab class in landing.less

This commit is contained in:
Konstantinos Triantafyllou 2023-01-27 14:42:37 +02:00
parent 84f6c7a94c
commit f2a248c0ff
1 changed files with 27 additions and 0 deletions

View File

@ -34,6 +34,13 @@
@landing-section-border-width: 3px;
@landing-section-separator: fade(@landing-portal-color, @global-opacity);
@landing-tab-background: @global-muted-background;
@landing-tab-border-width: 4px;
@landing-tab-border-radius: @global-small-border-radius;
@landing-tab-background-active: @global-background;
@landing-tab-color-active: @landing-portal-color;
@landing-tab-border-active: @landing-portal-color;
@landing-download-from-background: @global-background;
@landing-download-from-border-width: @global-border-width;
@landing-download-from-border: @global-border;
@ -128,6 +135,26 @@
}
}
.landing-tab:extend(.uk-text-small) {
background: @landing-tab-background;
border-radius: @landing-tab-border-radius;
& .uk-tab {
& > * > a {
border-bottom: none;
border-top: @landing-tab-border-width solid transparent;
}
& > .uk-active > a {
border-color: @landing-tab-border-active;
background: @landing-tab-background-active;
color: @landing-tab-color-active;
position: relative;
}
}
}
.uk-dropdown {
z-index: @landing-z-index + 1;
}