mirror of https://github.com/hashicorp/consul
27 lines
786 B
SCSS
27 lines
786 B
SCSS
@import './skin';
|
|
@import './layout';
|
|
%main-nav-horizontal > ul > li > a,
|
|
%main-nav-horizontal > ul > li > span,
|
|
%main-nav-horizontal > ul > li > label > * {
|
|
@extend %main-nav-horizontal-action;
|
|
}
|
|
%main-nav-horizontal > ul > li > label {
|
|
display: block;
|
|
}
|
|
%main-nav-horizontal-action:not(span):hover,
|
|
%main-nav-horizontal-action:not(span):focus {
|
|
@extend %main-nav-horizontal-action-intent;
|
|
}
|
|
%main-nav-horizontal [type='checkbox']:checked + label > *,
|
|
%main-nav-horizontal > ul > li > a:active,
|
|
%main-nav-horizontal > ul > li.is-active > a,
|
|
%main-nav-horizontal > ul > li.is-active > label > * {
|
|
@extend %main-nav-horizontal-action-active;
|
|
}
|
|
%main-nav-horizontal label + div {
|
|
@extend %main-nav-horizontal-drop-nav;
|
|
}
|
|
%main-nav-horizontal-drop-nav {
|
|
@extend %menu-panel;
|
|
}
|