# Tailwind components

**URL:** https://discourse.roots.io/t/tailwind-components/19974
**Category:** sage
**Tags:** sage9
**Created:** 2021-01-29T13:24:36Z
**Posts:** 5

## Post 1 by @safetycat — 2021-01-29T13:24:36Z

Hi.  
I’ve installed sage 9 using composer and selected Tailwind as framework.  
Have successfully made changes to the tailwind.config, but wondering about making TW Components.  
Tried to use the @layer function in my main.scss and it gets pulled up by yarn lint as an error.  
Do I need to edit something else to use them?

thanks  
elvis

---

## Post 2 by @ciromattia — 2021-01-30T17:12:36Z

The tailwind you’re getting with Sage composer is the 1.9.x version, IIRC the @layer directive has been introduced with 2.0.  
If you’d like to get Tailwind 2, you can [read this thread](https://discourse.roots.io/t/tailwind-v2-and-sage-9/19598/33).

---

## Post 3 by @safetycat — 2021-02-02T20:02:21Z

Thanks!  
I worked out it was an older version of TW, but it looked in the TW docs like @layer was there.  
So that makes sense.  
I will check out the thread too, @layer seems useful.

---

## Post 4 by @strarsis — 2021-02-02T21:09:58Z

You may find this feature branch/fork interesting that uses webpack5 with latest dependencies, including Tailwind:

> **[strarsis/sage9-webpack5-tailwind](https://github.com/strarsis/sage9-webpack5-tailwind)**
>
> Sage 9 with webpack and tailwind. Contribute to strarsis/sage9-webpack5-tailwind development by creating an account on GitHub.

---

## Post 5 by @safetycat — 2021-02-05T13:52:21Z

I’m reading the tailwind 1.9 docs and @layer is there.  
So i’m back to not understanding why it doesn’t work.

---

## Post 6 by @system — 2021-03-12T13:24:39Z

This topic was automatically closed after 42 days. New replies are no longer allowed.