Skip to content

Tailwind issue with border styles #272

@abynim

Description

@abynim

Issue: Border classes are reset when using Tailwind.

To reproduce:

  1. Set up a plugin using the Tailwind template:
npx --yes create-figma-plugin --template plugin/preact-tailwindcss
  1. Add a div with border classes in ui.tsx:
<div class="border-2 border-red-500 ">
  <h1 class="text-3xl font-bold underline ">Hello, World!</h1>
</div>
  1. Build the plugin

No border styles are applied

Image

Inspecting the nodes shows that the styles are reset by base.css

Image

Am I doing something wrong here?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions