Discussion on: Style beautiful web pages without writing any CSS. Using W3.CSS.

View post

Replies for: I think tailwindcss is a nice middle-ground - you can use the pure 'utility' approach like : <div class="shadow bg-primary px-4 py-8">Nav ...

Same here. I also can use Yogurt CSS to expose it's utility modules into a custom class for those who dislike to inline the styles in their HTML. And also, it is an easy and quick way to refactoring or migrating their existing stylesheet to Yogurt CSS.

<y class="nav">
  Who's stylish?
</y>

.nav {
  @extend
    .px-3,
    .py-2,
    .text-teal-100,
    .bg-teal-400;

  &:hover {
    @extend
      .bg-teal-500,
      .shadow;
  }
}