Malformed SCSS when using the 'flat' option

[jtestarkey]

When using the flat option with newer versions of tailwind, the scss is malformed, e.g.:

Is there any way to ignore the variables that have illegal characters?

[dobromir-hristov]

We could just add escaping for the full stop? $height-2\.5: 2rem

[jtestarkey]

Yeah that would be better!

[jtestarkey]

Hey @dobromir-hristov is this something you would be able to look at, or can you point me in the right direction and I'll have a look at it myself? Thanks!

[dobromir-hristov]

Extremely busy with my day job, so I have not had time to look into this.

There is a sanitizer function on each class, so I guess it's a matter of just doing some simple string replacement.

Which version of the library are you using?

[jtestarkey]

Not a problem, I understand. Currently using a old version of both this package and tailwind, but trying to upgrade both to latest.

[dobromir-hristov]

New versions have some extra fixes, so this may be fixed already

[jtestarkey]

Sorry, it currently 'works' in the older version but that's because that version of tailwind doesn't have the 0.5 variables.
Latest versions of both currently doesn't work due to those variable names.

[mjcbsn22]

+1

Tried updating to either 3.x or 4.x today and ran into the same issue

Reason for the upgrade urgency is because v2.3.1 depends on postcss@6.0.23 through tailwindcss -> postcss-functions