Bug 241576 - CSS variable not accepted as alpha value in modern CSS `rgb()` function for ::marker color
Summary: CSS variable not accepted as alpha value in modern CSS `rgb()` function for :...
Status: RESOLVED DUPLICATE of bug 241566
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari Technology Preview
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2022-06-13 16:35 PDT by Brandon McConnell
Modified: 2022-06-13 22:23 PDT (History)
4 users (show)

See Also:

Attachments
screenshot of bug (235.03 KB, image/png)
2022-06-13 16:35 PDT, Brandon McConnell 		no flags Details
test (476 bytes, text/html)
2022-06-13 22:23 PDT, Cameron McCormack (:heycam) 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Brandon McConnell 2022-06-13 16:35:52 PDT 
Created attachment 460218 [details]
screenshot of bug

The source of this bug can be found here:
https://github.com/tailwindlabs/tailwindcss/issues/8610

Isolated example: https://codepen.io/brandonmcconnell/pen/jOZXdzg/f089181395b1ffd8812a16e6b5c96e7b?editors=1100

When using an opacity value from a CSS variable as the alpha channel value in an `rgb()` **for a ::marker pseudo-element's color**, neither the color nor the opacity values are rendered.
Comment 1 Alexey Proskuryakov 2022-06-13 22:14:55 PDT 

*** This bug has been marked as a duplicate of bug 241566 ***
Comment 2 Cameron McCormack (:heycam) 2022-06-13 22:23:57 PDT 
Created attachment 460223 [details]
test

Looks like we disallow custom property declarations on ::marker rules altogether.