Discussion on: Middleman + TailwindCSS + Webpack

View post

Hey, the tailwind directives in your example CSS are no longer correct. It would be great if you could update your article. With current versions of Tailwind you need to use:

    @tailwind base;
    @tailwind components;
    @tailwind utilities;

    body {
        @apply bg-red-500;
    }

Mario • May 14 '20

Hi Roland

Thank you for your input!

In Tailwind's current Installation guide, it says

"If you're using postcss-import (or a tool that uses it under the hood, such as Webpacker for Rails), use our imports instead of the @tailwind directive to avoid issues when importing any of your own additional files:"

@import "tailwindcss/base";

@import "tailwindcss/components";

@import "tailwindcss/utilities";

My guide uses postcss-import so I assume these directives should be OK?