Add landing-tab class in landing.less
This commit is contained in:
parent
84f6c7a94c
commit
f2a248c0ff
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue