CSS Variables and Style Lexer Defects about esthetic HOT 1 CLOSED

Concluded

This concludes the style lexer fixes. Prettify now supports CSS beautification and in addition can gracefully handle Liquid infused expressions within CSS code. This means that users will be able to leverage Liquid together with CSS code and the support extends to embedded regions in markup.

Example

Take a peek at the Playground and get a glimpse of the Liquid + CSS infusion wrapped in a {% style %} embedded code block. There is a lot going on and Prettify is gracefully handling the input expressions.

• ✓ CSS
• ✓ CSS + Liquid
• ✓ CSS Pseudo Selectors
• ✓ Isolated Liquid Tokens
• ✓ Liquid CSS Property Values
• ✓ Liquid CSS Selector Values
• ✓ Liquid control statement infusions
• ✓ CSS Variables with Liquid Values
• ✓ Sorting Properties
• ✓ Sorting Selectors
• ✓ Zero Number trims, ie: 0.100 > .100
• ✓ Global rules respected

Some additional features will be cooked into the pre-release, mainly forceValues which is outlined in #13. The logic employed and defect fixes also considered the issue found in Shopify/prettier-plugin-liquid#8 as I wanted to produce something that goes beyond the basics.

from esthetic.