vault/ui/app/styles/components/sub-nav.scss
Matthew Irish c8b64523ee
UI - guard page redesign (#4779)
* add NavHeader component
* use NavHeader in SplashPage component and application.hbs
* let download button take a block
* add RadialProgress component
* use RadialProgress in ShamirFlow component
* style up the RadialProgress component
* update ember-basic-dropdown, ember-basic-dropdown-hover
* rework operation token generation workflow
* directly depend on ember-maybe-in-element
2018-06-26 16:35:47 -05:00

41 lines
704 B
SCSS

.sub-nav {
&.tabs {
box-shadow: inset 0 -1px 0 $grey-light;
ul {
border-color: transparent;
}
li {
&:focus {
box-shadow: none;
}
&.is-active a {
border-color: $blue;
color: $blue;
}
&:first-child a {
margin-left: $size-5;
}
}
a {
color: $grey-dark;
font-weight: $font-weight-semibold;
text-decoration: none;
padding: $size-6 $size-8 $size-8;
border-bottom: 2px solid transparent;
transition: border-color $speed;
&:hover,
&:active {
border-color: $grey-light;
}
}
.ember-basic-dropdown-trigger {
outline: none;
}
}
}