Venyl Posts - Answer Overflow

Venyl

Explore posts from servers

KPCKevin Powell - Community TTCTheo's Typesafe Cult DTDrizzle Team

•Created by Venyl on 7/10/2024 in #front-end

Can't override Open-Props custom property

I've been using Open-Props in my Svelte projects recently. I've tried overriding --shadow-color and noticed that I'm not able to. Here is my code:

.meter-bar {
    --shadow-color: 50 100% 50%;
    box-shadow: var(--shadow-5);
}

.meter-bar {
    --shadow-color: 50 100% 50%;
    box-shadow: var(--shadow-5);
}

I've looked at Open-Props' stackblitz playgrounds and noticed I can't override the color there either. Dev tools show it should be getting used. It's not Svelte's fault because I tried doing this in a raw codepen with no success. This issue persists across browsers (Firefox Dev, Chrome Canary, Arc) What am I doing wrong?

129 replies

Gaming

Programming