fix breadcrumbs active border and text color

This commit is contained in:
Dennis Eichhorn 2020-06-13 21:24:34 +02:00
parent b2c451b1ff
commit f81315c700
2 changed files with 127 additions and 215 deletions

View File

@ -39,11 +39,11 @@
&.active:after, &:hover:after { &.active:after, &:hover:after {
color: var(--text-on-background-color-2); color: var(--text-on-background-color-2);
} }
&.active:after { &.active:after {
border-left: 14px solid var(--button-colored-background); border-left: 14px solid var(--button-colored-background);
} }
&:hover:after { &:hover:after {
border-left: 14px solid var(--button-colored-background-hover); border-left: 14px solid var(--button-colored-background-hover);
} }
@ -51,16 +51,14 @@
.active { .active {
cursor: default; cursor: default;
background: var(--button-colored-background);
} }
.active, li:hover { .active, li:hover {
color: var(--text-on-background-color-2); color: var(--text-on-background-color-2);
border-right: none;
} }
.active {
background: var(--button-colored-background);
}
li:hover { li:hover {
background: var(--button-colored-background-hover); background: var(--button-colored-background-hover);
} }
@ -85,11 +83,11 @@
&.active:not(:last-child):after, &:hover:not(:last-child):after { &.active:not(:last-child):after, &:hover:not(:last-child):after {
color: var(--text-on-background-color-2); color: var(--text-on-background-color-2);
} }
&.active:not(:last-child):after { &.active:not(:last-child):after {
border-left: 14px solid var(--button-colored-background); border-left: 14px solid var(--button-colored-background);
} }
&:hover:not(:last-child):after { &:hover:not(:last-child):after {
border-left: 14px solid var(--button-colored-background-hover); border-left: 14px solid var(--button-colored-background-hover);
} }

File diff suppressed because it is too large Load Diff