Closed Bug 1279932 Opened 8 years ago Closed 8 years ago

CSS variables and calc and hsl-colors doesn't seem to work

Categories

(Core :: CSS Parsing and Computation, defect)

Product:
Core
Component:
CSS Parsing and Computation
Version:
47 Branch
Platform:
x86_64
Linux
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED DUPLICATE of bug 984021

People

(Reporter: Krassmus, Unassigned)

Details

(Keywords: testcase) 

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:47.0) Gecko/20100101 Firefox/47.0
Build ID: 20160606114238

Steps to reproduce:

I used the brand new css-variables and tested it with hsl-color-codes to calculate a new color with the calc() function.

See example: http://codepen.io/Krassmus/pen/NrNawo


Actual results:

The background-color stayed transparent


Expected results:

The color should have showed up. In Chromium the code works.
OS: Unspecified → Linux
Hardware: Unspecified → x86_64
Component: Untriaged → DOM: Core & HTML
Product: Firefox → Core
confirmed on nightly 50, whatever the values we put in the css variables, the computed color is "transparent" according to our dev toools.
Status: UNCONFIRMED → NEW
Component: DOM: Core & HTML → CSS Parsing and Computation
Ever confirmed: true
Keywords: testcase
This seems to be completely unrelated to variables. Using background-color: hsl(300, calc(52% - 20%), calc(32% + 30%)); (i.e., with no variables whatsoever) has the exact same outcome: it fails to parse the value. See https://codepen.io/gsnedders/pen/zBmzvd for a simple test case for this.
Yes, Gecko does not yet support calc() inside hsl() (or rgb() for that matter).
Status: NEW → RESOLVED
Closed: 8 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.