blocks.css "clashes" with tailwindcss

[vinliao]

If you combine this with tailwindcss, the blocks looks weird.

There's a .block class in tailwind's css. I thought this is the culprit, but removing this class didn't do anything. I also tried importing blocks.css before and after tailwind, but both leads to the same outcome.

[vinliao]

Found the culprit: if box-sizing: border-box; is removed from tailwind, blocks.css works fine.

The good ol' box model problem.

Edit: another way to replicate.

1. Pull blocks.css locally, add this line at the very top.

*::after,
*::before {
  box-sizing: border-box;
}

2. Load blocks.css on html
3. Try out the .block class; it breaks.