KPC
Kevin Powell - Community•2mo ago
Germán

Best approach to support light-dark function

Hi! Does anyone know if one of these options is more appropriate or correct than the other one? 
/* 1 */
::placeholder {
    color: #757575;
    color: light-dark(hsl(0deg 0% 46%), hsl(0deg 0% 65%));
}

/* 2 */
::placeholder {
    color: #757575;
}
@supports (color: light-dark(black, white)) {
    ::placeholder {
        color: light-dark(hsl(0deg 0% 46%), hsl(0deg 0% 65%));
    }
}
/* 1 */
::placeholder {
    color: #757575;
    color: light-dark(hsl(0deg 0% 46%), hsl(0deg 0% 65%));
}

/* 2 */
::placeholder {
    color: #757575;
}
@supports (color: light-dark(black, white)) {
    ::placeholder {
        color: light-dark(hsl(0deg 0% 46%), hsl(0deg 0% 65%));
    }
}
2 Replies
ἔρως
ἔρως•2mo ago
both are fine, honestly as long as it works
Germán
GermánOP•2mo ago
Thanks!

Did you find this page helpful?