KEMBAR78
[css-images] Typos gradient grammars · Issue #6425 · w3c/csswg-drafts · GitHub
Skip to content

[css-images] Typos gradient grammars #6425

@cdoublev

Description

@cdoublev

I suggest the following changes in the "expanded" grammar of 3.2.1. radial-gradient() Syntax (css-images-3, the note at the very bottom of the section):

Fixed in 09ceac0 and 8f97e89
  Expanded with the above definitions, the grammar becomes:

  radial-gradient() = radial-gradient(
-   [ [ circle               || <length> ]                          [ at <position> ]? , |
-     [ ellipse              || <length-percentage>{2} ]            [ at <position> ]? , |
+   [ [ circle               || <length [0,∞]> ]                    [ at <position> ]? , |
+     [ ellipse              || <length-percentage [0,∞]>{2} ]      [ at <position> ]? , |
      [ [ circle | ellipse ] || <extent-keyword> ]                  [ at <position> ]? , |
      at <position> ,
    ]?
-   <color-stop> [ , <color-stop> ]+
+   <color-stop-list>
  )
  <extent-keyword> = closest-corner | closest-side | farthest-corner | farthest-side

I believe that <size>s are missing ranges, and that a type extending to a color is missing, because <color-stop> expands to <color-stop-length> | <color-stop-angle>, which only expand to dimension(s)/percentage(s). I think it should be <color-stop-list> instead, or that <color-stop> should be changed there (css-images-4) to:

- <color-stop> = <color-stop-length> | <color-stop-angle>
+ <color-stop> = <linear-color-stop> | <angular-color-stop>

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions