Support Arbitrary Values

[DeVoresyah]

Background

The basic OsmiCSX goal is to achieve styling in react native that is close enough to TailwindCSS Syntax. Currently, there's a feature that's not supported yet, arbitrary values. We want to achieve this in the next release.

Approach

I was thinking of using regex to approach this feature. Regex will detect [] and extract the value inside it.

[DeVoresyah]

list style will affected by arbitrary values:

• background color
• border color
• text color
• text size
• width
• height
• border radius
• border width
• flex grow
• flex shrink
• flex
• letter spacing
• line height
• margin
• opacity
• padding
• text responsive
• text size
• position (top, right, bottom, left)
• z-index