Have to use media-fg/bg for alt badges

This commit is contained in:
Lim Chee Aun 2023-09-28 15:59:10 +08:00
parent b6c59d4ee1
commit 8a10ffd477

View file

@ -856,8 +856,11 @@
left: 8px; left: 8px;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
color: var(--media-fg-color);
background-color: var(--media-bg-color);
border: var(--hairline-width) solid var(--media-outline-color); border: var(--hairline-width) solid var(--media-outline-color);
mix-blend-mode: luminosity; mix-blend-mode: luminosity;
opacity: 0.75;
&:before { &:before {
content: ''; content: '';
@ -866,8 +869,11 @@
} }
&:is(:hover, :focus):not(:active) { &:is(:hover, :focus):not(:active) {
transition: transform 0.15s ease-out; transition: 0.15s ease-out;
transition-property: transform, opacity, mix-blend-mode;
transform: scale(1.15); transform: scale(1.15);
opacity: 0.8;
mix-blend-mode: normal;
} }
} }