open-consul/ui/packages/consul-ui/app/components/tab-nav/index.scss

27 lines
554 B
SCSS
Raw Normal View History

@import './skin';
@import './layout';
2020-12-02 15:48:06 +00:00
.tab-nav {
@extend %tab-nav;
}
%tab-nav.animatable {
@extend %with-animated-tab-selection;
}
%with-animated-tab-selection ul::after,
%tab-button-selected {
@extend %frame-blue-300;
}
%tab-nav li > * {
@extend %tab-button;
}
%tab-nav li:not(.selected) > *:hover,
%tab-nav li:not(.selected) > *:focus {
@extend %tab-button-intent;
}
%tab-nav li:not(.selected) > *:active {
@extend %tab-button-active;
}
/* TODO: need to add an empty class here */
%tab-nav .selected > * {
@extend %tab-button-selected;
}