luxolus
/
open-vault
2
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

Update styles for tabs

This commit is contained in:
Joshua Ogle 2018-05-24 13:39:34 -06:00
parent b24dbc2f50
commit f55a6edac9
1 changed files with 20 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
ui/app/styles/components/sub-nav.scss
View File

@ -1,29 +1,35 @@
.sub-nav {
&.tabs {
background: $grey-lighter;
padding: 0 1.25rem;
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;
}
}
a {
color: $grey-dark;
font-weight: $font-weight-semibold;
text-decoration: none;
padding: 1.5rem 1rem;
padding: $size-6 $size-8 $size-8;
border-bottom: 2px solid transparent;
transition: border-color $speed;
&:hover,
&:active {
border-color: $grey-light;
}
}
a:hover,
a:active {
border-color: $grey-light;
}
li:focus {
box-shadow: none;
}
li.is-active a {
border-color: $blue;
color: $blue;
}
.ember-basic-dropdown-trigger {
outline: none;
}