mirror of
https://github.com/hashicorp/vault.git
synced 2025-11-29 22:51:31 +01:00
Update styles for tabs
This commit is contained in:
parent
bf04c73593
commit
eca0ca264d
@ -1,29 +1,35 @@
|
|||||||
.sub-nav {
|
.sub-nav {
|
||||||
&.tabs {
|
&.tabs {
|
||||||
background: $grey-lighter;
|
box-shadow: inset 0 -1px 0 $grey-light;
|
||||||
padding: 0 1.25rem;
|
|
||||||
ul {
|
ul {
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
&:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
&.is-active a {
|
||||||
|
border-color: $blue;
|
||||||
|
color: $blue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $grey-dark;
|
color: $grey-dark;
|
||||||
font-weight: $font-weight-semibold;
|
font-weight: $font-weight-semibold;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
padding: 1.5rem 1rem;
|
padding: $size-6 $size-8 $size-8;
|
||||||
border-bottom: 2px solid transparent;
|
border-bottom: 2px solid transparent;
|
||||||
transition: border-color $speed;
|
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 {
|
.ember-basic-dropdown-trigger {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user