forked from farhoodlabs/paperclip
fix(ui): fix shimmer text using invalid hsl() wrapper on oklch colors
--foreground is defined as oklch(), not HSL channels. Wrapping it in hsl() produced an invalid color, making the shimmer text invisible. Use var(--foreground) directly and color-mix() for the highlight band. Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
+2
-2
@@ -301,8 +301,8 @@
|
||||
}
|
||||
|
||||
.shimmer-text {
|
||||
--shimmer-base: hsl(var(--foreground));
|
||||
--shimmer-highlight: hsl(var(--foreground) / 0.35);
|
||||
--shimmer-base: var(--foreground);
|
||||
--shimmer-highlight: color-mix(in oklch, var(--foreground) 35%, transparent);
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
var(--shimmer-base) 0%,
|
||||
|
||||
Reference in New Issue
Block a user