Single comment thread
See full discussion

I use Tailwind with SASS and BEM, this massively speeds up my workflow but it's a very particular setup. I really like how you can use:

.my-thing
  prop: foo
  &__title
    prop: bar

With SASS and with tailwind you can for example do:

.input-container
  @apply relative inline-flex flex-col flex-grow

I’ve never heard them being combined. How do you decide when to use which? Or is it more of a progression from one to other?

I almost exclusively use Tailwind with @apply, sometimes I first try it out on the HTML and then copy it to a dedicated class.

Doing it like this forces me to write more logical CSS and be more DRY (for example having consistent logical margins instead of just adjusting arbitrary elements until it looks good)

@marc the line-height, or line height is coming out a bit weird which makes the underscores invisible.

Edit: I'm on FF Dev, Mac

Home
Search
Messages
Notifications
More