figma-tailwindcss icon indicating copy to clipboard operation
figma-tailwindcss copied to clipboard

[BUG] Border radius "default" variant is never generated as 1rem

Open omnichronous opened this issue 9 months ago • 4 comments

Description

Thanks for your work on this plugin, it's amazing. 🎉 But I do have one problem. I expected the plugin to calculate the border-radius variants based on the base font-size (like it does with the font-size variants), and I see in the code that that's how it's meant to work, however I've tried it with multiple files now and for some reason the default variant is never 1rem. For example in the file I've shared below I get these values:

 "borderRadius": {
  "none": "0",
  "xs": "0.125rem",
  "sm": "0.25rem",
  "default": "0.3125rem",
  "lg": "0.375rem",
  "xl": "0.5rem",
  "2xl": "0.75rem",
  "3xl": "1rem",
  "4xl": "1.5rem",
  "5xl": "4rem"
 }

Steps to reproduce

  1. Open the example file and run the plugin
  2. Generate everything and check out border-radius in the output
  3. "default" should be "1rem" but it's not

Additional info

  • Figma version: web app (latest release seems to be from May 17, 2024)
  • OS version: Windows 10

Extra

File you can test with: https://www.figma.com/design/7IbQtuI9IvHVKvvH5ppAHv/Official-Tailwind-CSS-Styles-(Community)?node-id=1%3A1180&t=5P4G4s89Djh290qy-1

omnichronous avatar May 21 '24 16:05 omnichronous