diff options
| author | metamuffin <metamuffin@disroot.org> | 2023-10-27 20:53:47 +0200 |
|---|---|---|
| committer | metamuffin <metamuffin@disroot.org> | 2023-10-27 20:53:47 +0200 |
| commit | 3e88163603ceefba6672635973fc9658e53f6a4a (patch) | |
| tree | 4ad832ab4a034b2a8811aca3c9d1ffdd4d9b14cd /web/style/nodecard.css | |
| parent | a1c3e743a79a95cdb30dda79820e1c0a01084d12 (diff) | |
| download | jellything-3e88163603ceefba6672635973fc9658e53f6a4a.tar jellything-3e88163603ceefba6672635973fc9658e53f6a4a.tar.bz2 jellything-3e88163603ceefba6672635973fc9658e53f6a4a.tar.zst | |
dedup some code for themes
Diffstat (limited to 'web/style/nodecard.css')
| -rw-r--r-- | web/style/nodecard.css | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/web/style/nodecard.css b/web/style/nodecard.css index d32d5f4..a83056c 100644 --- a/web/style/nodecard.css +++ b/web/style/nodecard.css @@ -87,7 +87,7 @@ } .node.card.poster .poster:hover .cardhover.open { opacity: 1; - background-color: #0004; + background-color: var(--overlay); backdrop-filter: blur(3px); } .node.card.poster .poster .cardhover.open a { @@ -97,14 +97,14 @@ font-size: large; display: block; text-align: center; - background-color: #0004; + background-color: var(--overlay); border-radius: 0.2em; padding: 0.6em; margin: 0.6em; transition: background-color 0.2s; } .node.card.poster .poster .cardhover.open a:hover { - background-color: #0008; + background-color: var(--overlay-hover); } .node.card.poster .poster .cardhover.item { @@ -119,7 +119,7 @@ } .node.card.poster .poster:hover .cardhover.item { opacity: 1; - background-color: #0004; + background-color: var(--overlay); backdrop-filter: blur(3px); } @@ -134,11 +134,11 @@ border-radius: 50%; font-size: 1.8em; pointer-events: all; - background-color: #0005; + background-color: var(--overlay); transition: background-color 0.2s, font-size 0.2s; } .node.card.poster .poster .cardhover.item a.play:hover { - background-color: #0008; + background-color: var(--overlay-hover); font-size: 2.4em; } .node.card.poster .poster .cardhover.item .props { |