open-vault/ui/app/styles/components/tabs.scss
Angel Garbarino 993f30618e
Addressing various Ember depreciations required for 4.0 (#14532)
* remove Ember Logger

* remove jquery

* prevent setting ember string methods on string

* remove reopen class

* Revert "remove reopen class"

This reverts commit d6a48f148617694cf7b0fc95feb30771ef982c59.

* redo

* clean up

* fix test

* Update ui/app/styles/components/tabs.scss

Co-authored-by: Chelsea Shaw <82459713+hashishaw@users.noreply.github.com>

* fix test

* test clean up

* clean up cont.

Co-authored-by: Chelsea Shaw <82459713+hashishaw@users.noreply.github.com>
2022-03-16 18:36:48 -06:00

64 lines
1,019 B
SCSS

.page-header + .tabs-container {
box-shadow: none;
}
.tabs {
box-shadow: inset 0 -1px 0 $grey-light;
ul {
border-color: transparent;
min-height: 3rem;
> a {
&:focus {
box-shadow: none;
}
&.active,
&.active .tab {
border-color: $blue;
color: $blue;
}
}
li {
> a &.active {
border-color: $blue;
color: $blue !important;
}
}
}
li {
&:focus {
box-shadow: none;
}
&.active a,
&.active .tab {
border-color: $blue;
color: $blue;
}
}
a,
.tab {
color: $grey;
font-weight: $font-weight-semibold;
text-decoration: none;
padding: $size-6 $size-8 $size-8;
border-bottom: 2px solid transparent;
transition: background-color $speed, border-color $speed;
&:hover,
&:active {
border-color: $grey-light;
}
&:hover {
background-color: $ui-gray-050;
}
}
.ember-basic-dropdown-trigger {
outline: none;
}
}