css-property-parser
css-property-parser copied to clipboard
mahirshah
Validate css properties and expand shorthand css properties
``` Error: 'Error parsing shorthand property background: linear-gradient(90deg,transparent 0,#7db9e8). invalid syntax at line 1 col 17: linear-gradient(90deg,transparent 0,#7db9e8) ^ Unexpected "9" ```
Isn't key lookup faster than extracting all keys and checking them one by one, at least for a pure json object ?
The parser hangs when parsing `font-family`. Specific decl it is having trouble with in my case is: ```css :scope { font-family: -apple-system, system-ui, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Fira...
FYI I get this on a fresh install: ``` Toms-MBP-2:sketch-to-canvas tommedema$ yarn add css-property-parser yarn add v1.9.4 [1/4] 🔍 Resolving packages... warning css-property-parser > nearley > [email protected]: Package no longer...
```js import { isShorthandProperty } from 'css-property-parser'; isShorthandProperty('-webkit-transition'); // => false ```
``` Error: 'Error parsing shorthand property background: no-repeat center bottom, center calc(100% - 1px). invalid syntax at line 1 col 34: no-repeat center bottom, center calc(100% - 1px) ^ Unexpected...
``` Error: 'Error parsing shorthand property background: currentColor. invalid syntax at line 1 col 8: currentColor ^ Unexpected "C" ```
``` Error: 'Error parsing shorthand property transition: transform .35s cubic-bezier(.68,-.55,.265,1.55),opacity .35s ease. invalid syntax at line 1 col 33: transform .35s cubic-bezier(.68,- ^ Unexpected char token: "-" ```
``` Error: 'Error parsing shorthand property transition: all 0 ease. invalid syntax at line 1 col 6: all 0 ^ Unexpected char token: " " ```
``` Error: 'Error parsing shorthand property transition: -webkit-transform 0.3s ease-out. invalid syntax at line 1 col 1: - ^ Unexpected char token: "-" ```