| @@ -79,7 +79,8 @@ | |||||
| position: absolute; | position: absolute; | ||||
| display: block; | display: block; | ||||
| > a { | |||||
| > a, | |||||
| > span { | |||||
| position: absolute; | position: absolute; | ||||
| display: block; | display: block; | ||||
| width: 10px; | width: 10px; | ||||
| @@ -94,7 +95,8 @@ | |||||
| &:hover, &.hover { | &:hover, &.hover { | ||||
| z-index: 102; | z-index: 102; | ||||
| > a { | |||||
| > a, | |||||
| > span { | |||||
| background-color: $color-secondary-dark; | background-color: $color-secondary-dark; | ||||
| box-shadow: 0 0 0 6px rgba($color-secondary, 0.3); | box-shadow: 0 0 0 6px rgba($color-secondary, 0.3); | ||||
| @@ -118,7 +120,8 @@ | |||||
| } | } | ||||
| &.open { | &.open { | ||||
| > a { | |||||
| > a, | |||||
| > span { | |||||
| background-color: $color-secondary-dark; | background-color: $color-secondary-dark; | ||||
| box-shadow: 0 0 0 6px rgba($color-secondary, 0.3); | box-shadow: 0 0 0 6px rgba($color-secondary, 0.3); | ||||
| } | } | ||||
| @@ -12,7 +12,7 @@ export const createAnchorLinks = ({ | |||||
| titles.map((title, index) => { | titles.map((title, index) => { | ||||
| const li = createElement('li', [], null, ul); | const li = createElement('li', [], null, ul); | ||||
| const a = createElement('a', ['variant-subtle-primary-hover'], title, li); | |||||
| const a = createElement('a', [], title, li); | |||||
| a.href = '#titleInText' + index; | a.href = '#titleInText' + index; | ||||
| a.dataset.index = index.toString(); | a.dataset.index = index.toString(); | ||||
| }); | }); | ||||
| @@ -79,6 +79,11 @@ | |||||
| z-index: 1; | z-index: 1; | ||||
| pointer-events: none; | pointer-events: none; | ||||
| } | } | ||||
| &:hover { | |||||
| &:before { | |||||
| color: var(--color-text-accent); | |||||
| } | |||||
| } | |||||
| } | } | ||||
| a, .anchors-title { | a, .anchors-title { | ||||
| @@ -20,6 +20,7 @@ | |||||
| margin-top: 0; | margin-top: 0; | ||||
| font-size: 64px; | font-size: 64px; | ||||
| line-height: 70px; | line-height: 70px; | ||||
| // HIER OPTIMIEREN! (ab 599px?) | |||||
| @media(max-width: 399px) { | @media(max-width: 399px) { | ||||
| font-size: 32px; | font-size: 32px; | ||||
| line-height: 35px; | line-height: 35px; | ||||