divide classes not beging applied

See original GitHub issue

Describe the problem:

The divide width and divide color utilities are not having any effect on my design. the intellisense suggest them on my editor (i assume the class are loading) however they seem to have no actual CSS in them?

image above image shows working intellisense

image notice how the actual CSS properties are missing

image event when hovered the divide class don’t show anything

image both divide-x-2 and divide-gray-700 are behaving like that.

and again it doesn’t apply any changes on my design.

Link to a minimal reproduction:

Currently the Repo is private but i can give access if the team is willing to look into this. I am hoping that someone somewhere has already faced this and found a solution to it.

divide-x-{width} and divide-{color}-xxx in the playground seems to work fine https://play.tailwindcss.com/

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:4
  • Comments:13

github_iconTop GitHub Comments

4reactions
masterkaincommented, Aug 30, 2021

I found that applying a .divide-y on a .table-row only applies the styles to all rows but the first one

1reaction
shinokadacommented, Jan 7, 2022

@Gismo1337 Did you add color?

class="divide-y divide-gray-200

Without color, it doesn’t work.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Tailwind divide-y class place weird - Stack Overflow
I'm facing a problem when I use the divide-y class from Tailwind, I created an example from my original code and here is...
Read more >
Divide Width - Tailwind CSS
Add borders between stacked elements using the divide-y-{width} utilities. ... Tailwind lets you conditionally apply utility classes in different states ...
Read more >
Using Tailwind's Space and Divide Utilities - Good Work
A quick how-to video about the new Space and Divide Utilities that ... It's just a simple button and we're applying a class...
Read more >
Tailwind CSS Divide Width - GeeksforGeeks
Divide Width Classes: divide-x: This class is used to set the x-axis divide. divide-x-reverse: This class is ...
Read more >
The dangerous separation of the American upper middle class
But the separation is not just economic. ... For many, the most attractive class dividing line is the one between those at the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found