diff --git a/src/style/atoms/_colours.scss b/src/style/atoms/_colours.scss index ffad2420..774e4429 100644 --- a/src/style/atoms/_colours.scss +++ b/src/style/atoms/_colours.scss @@ -87,8 +87,10 @@ $special-action-color: #000; &:hover { text-shadow: 0 0 10px red; } + cursor: pointer; } @mixin svg-highlight { filter: drop-shadow(0px 0px 10px rgb(255 0 0)); + cursor: pointer; } \ No newline at end of file diff --git a/src/style/molecules/_liturgy-banner.scss b/src/style/molecules/_liturgy-banner.scss index 9e26d6b9..affcde17 100644 --- a/src/style/molecules/_liturgy-banner.scss +++ b/src/style/molecules/_liturgy-banner.scss @@ -216,11 +216,14 @@ $deity_colours_tint: ( z-index: 1; position: relative; - path { fill: $color; } } + + &:hover { + @include colour.svg-highlight; + } } .clickable { diff --git a/src/style/organisms/character-tabs/_spells.scss b/src/style/organisms/character-tabs/_spells.scss index 882f5645..93c98bc6 100644 --- a/src/style/organisms/character-tabs/_spells.scss +++ b/src/style/organisms/character-tabs/_spells.scss @@ -32,6 +32,11 @@ fill: colour.$zauber-color; } } + + &:hover { + @include colour.svg-highlight; + } + } @@ -43,6 +48,8 @@ span { position: relative; z-index: 1; + + @include colour.highlight; } }