mirror of
https://github.com/status-im/consul.git
synced 2025-01-09 05:23:04 +00:00
e4e85a8f83
* Add before and after skip links portals * Move EmptyState and ErrorState to use a @login action/function * Move page title setting to the Route component * Add Routes and Outlets everywhere, and use those to access login modal * Add some aria-labels to the modals * Docs * Remove the label/input now we no longer need it, fixup pageobject * Add basic modal docs * Switch out old toggle names for ids * Wrap nspace Route template in a Route component * type > class
31 lines
985 B
SCSS
31 lines
985 B
SCSS
@import './skin';
|
|
@import './layout';
|
|
|
|
/* things that should look like nav buttons */
|
|
%main-nav-horizontal > ul > li > a,
|
|
%main-nav-horizontal > ul > li > span,
|
|
%main-nav-horizontal > ul > li > button,
|
|
%main-nav-horizontal > ul > li > .popover-menu > label > button {
|
|
@extend %main-nav-horizontal-action;
|
|
}
|
|
%main-nav-horizontal .popover-menu [type='checkbox']:checked + label > *,
|
|
%main-nav-horizontal > ul > li.is-active > a,
|
|
%main-nav-horizontal > ul > li.is-active > button {
|
|
@extend %main-nav-horizontal-action-active;
|
|
}
|
|
/* Whilst we want spans to look the same as actions */
|
|
/* we don't want them to act the same */
|
|
%main-nav-horizontal-action:not(span):hover,
|
|
%main-nav-horizontal-action:not(span):focus {
|
|
@extend %main-nav-horizontal-action-intent;
|
|
}
|
|
%main-nav-horizontal > ul > li > span {
|
|
cursor: default;
|
|
}
|
|
/**/
|
|
|
|
/* menu-panels in the main navigation are treated slightly differently */
|
|
%main-nav-horizontal label + div {
|
|
@extend %main-nav-horizontal-menu-panel;
|
|
}
|