csslib icon indicating copy to clipboard operation
csslib copied to clipboard

Add support for exponential notation.

Open daohoangson opened this issue 3 years ago • 5 comments

Related to dart-lang/csslib#123

daohoangson avatar Aug 11 '21 11:08 daohoangson

@devoncarew ?

kevmoo avatar Jan 28 '23 20:01 kevmoo

Thanks for the contribution!

I don't see the css validating using the validator at https://jigsaw.w3.org/css-validator.

1		Value Error : color Unknown dimension 1e2
1		Value Error : color Unknown dimension .5e1
1		Value Error : color Unknown dimension .5e-1
1		Value Error : color Invalid RGB function )

That site claims to be validating against CSS level 3.

devoncarew avatar Jan 28 '23 23:01 devoncarew

I do see exponential notation in the railroad grammar for numeric tokens (https://drafts.csswg.org/css-syntax-3/#typedef-number-token), and can use it in css properties when editing things in devtools. I wonder - is the validator out of date? Incorrect?

devoncarew avatar Jan 29 '23 00:01 devoncarew

Apparently all popular validators fail to parse this. It works in both Chrome and Safari though.

https://jsfiddle.net/36r8vpas/

Screen Shot 2023-05-16 at 09 41 18

daohoangson avatar May 16 '23 02:05 daohoangson

Hmm, @leonsenft - do you have thoughts here?

devoncarew avatar May 16 '23 18:05 devoncarew