# How could pinegrow add and load the existing tailwind class in javascript?

**URL:** <https://forum.pinegrow.com/t/how-could-pinegrow-add-and-load-the-existing-tailwind-class-in-javascript/6094>\
**Category:** Questions\
**Tags:** css, tailwind\
**Created:** [December 25, 2021, 8:07pm UTC](https://forum.pinegrow.com/t/how-could-pinegrow-add-and-load-the-existing-tailwind-class-in-javascript/6094 "2021-12-25T20:07:54Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![joserick](https://avatars.discourse-cdn.com/v4/letter/j/e9c0ed/32.png) [@joserick](https://forum.pinegrow.com/u/joserick)\
**Post date:** [December 25, 2021, 8:07pm UTC](https://forum.pinegrow.com/t/how-could-pinegrow-add-and-load-the-existing-tailwind-class-in-javascript/6094/1 "2021-12-25T20:07:54Z")

</div>

Hi,

How can I add tailwind classes to the “tailwind\_theme/tailwind.css” that don’t exist in the html.

I see that Pinegrow is adding one by one the Tailwind classes that I use in the html but when using Javascript in a function that adds a tailwind class to a tag it does not exist in “tailwind\_theme/tailwind.css”

```auto
sidebar.classList.add("sm:w-3/5", "lg:w-5/6");

```

How can I add a tailwind class in “tailwind\_theme/tailwind.css” no matter it exists in the html or a tag uses it or not?

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [December 29, 2021, 7:21pm UTC](https://forum.pinegrow.com/t/how-could-pinegrow-add-and-load-the-existing-tailwind-class-in-javascript/6094/2 "2021-12-29T19:21:55Z")

</div>

Hi @joserick,  
Right now the JIT compiler that is used with the Design panel doesn’t accept additional files to be purged. This is a feature that should be coming out soon. Instead, for cases like this you will have to set-up an independant JIT instance and turn-off the Pinegrow instance from the compiler options in the Design panel.  
Sorry for the inconvenience,  
Bob