FigmaToCode icon indicating copy to clipboard operation
FigmaToCode copied to clipboard

[Improvement] Support Tailwind arbitrary borders

Open davestewart opened this issue 1 year ago • 5 comments

AFAIKT it looks like arbitrary border sizes are not supported in Tailwind.

I'm adding support in the Tailwind renderer, so would be a nice add at some point.

davestewart avatar Jul 18 '24 11:07 davestewart

Good catch. And probably rings. I guess border outside is a ring?

bernaferrari avatar Jul 18 '24 12:07 bernaferrari

I'm not too sure of all the Tailwind ins and outs TBH!

davestewart avatar Jul 18 '24 15:07 davestewart

yeah, I mean, I don't remember if we have ring or not, but if you want outside stroke to be a ring, I can add (or you can do too)

bernaferrari avatar Jul 18 '24 15:07 bernaferrari

How about I get the Tailwind renderer over the line, then we'll be in a better position to see what works

davestewart avatar Jul 18 '24 16:07 davestewart

Yeah, go for it

On Thu, Jul 18, 2024, 13:05 Dave Stewart @.***> wrote:

How about I get the Tailwind renderer over the line, then we'll be in a better position to see what works

— Reply to this email directly, view it on GitHub https://github.com/bernaferrari/FigmaToCode/issues/118#issuecomment-2236946753, or unsubscribe https://github.com/notifications/unsubscribe-auth/AACVXFLYK2I5PLDNHVOIOWTZM7RVTAVCNFSM6AAAAABLCP7DBWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDEMZWHE2DMNZVGM . You are receiving this because you commented.Message ID: @.***>

bernaferrari avatar Jul 18 '24 16:07 bernaferrari

I'm supporting rings now in https://github.com/bernaferrari/FigmaToCode/pull/184

bernaferrari avatar Mar 08 '25 00:03 bernaferrari

if node.strokeAlign is center or outside => ring if none doesn't have uniform borders => inside (no mater stroke align, but if strokealign is center or outside, will emit a warning to the user).

bernaferrari avatar Mar 08 '25 01:03 bernaferrari