10BC0 [css-color-5] Examples 11, 20, 24, ... mix deg and number values · Issue #8839 · w3c/csswg-drafts · GitHub
[go: up one dir, main page]

Skip to content

[css-color-5] Examples 11, 20, 24, ... mix deg and number values #8839

@romainmenke

Description

@romainmenke

https://drafts.csswg.org/css-color-5/#example-4889a5cd

html { --base:  oklch(52.6% 0.115 44.6deg) }
.summary {
  background:  oklch(from var(--base) l c  calc(h + 90));
}

The calc expression is calc(44.6deg + 90) which is not valid as far as I know.

90 and 90deg are both valid <angle> values but I don't think these can be added in calc


https://drafts.csswg.org/css-color-5/#example-c4b276dd

--accent:  lightseagreen;
--complement:   hsl(from var(--accent) calc(h + 180) s l);

https://drafts.csswg.org/css-color-5/#example-fb53cf30

--accent:  lightseagreen;
--complement:   lch(from var(--accent) l c calc(h + 180));

there might be more examples


@svgeesus is the example incorrect or am I overlooking something?

Metadata

Metadata

Assignees

Labels

Closed as Question AnsweredUsed when the issue is more of a question than a problem, and it's been answered.css-color-5Color modification

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions

    0