در حالی که ما اصولاً از Tailwind CSS استفاده می‌کنیم، ما همچنین استایل‌های اضافی نوشته شده در CSS استاندارد داریم که در دایرکتوری src/assets/styles/* قرار دارند. به دلیل اینکه Tailwind به برخی از ویژگی‌های پردازش CSS وابسته است، ما از PostCSS به عنوان پیش‌پردازنده خود استفاده می‌کنیم.

در ادامه، یک مروری بر ساختار پوشه‌های استایل‌های ما داریم:

├── styles                     
|   ├── components               # استایل‌های کامپوننت‌های پایه UI
|   ├── docs                     # استایل‌های کامپوننت‌های مستندات
|   ├── tailwind                 # ورودی و استایل‌های پایه Tailwind
|   ├── template                 # استایل‌های کامپوننت‌های قالب
|   ├── vendors                  # استایل‌های کتابخانه‌های شخص ثالث
|   └── index.css                # ورودی CSS اصلی

هر پوشه در دایرکتوری styles شامل یک فایل index.css است که همه فایل‌های CSS دیگر در همان پوشه را وارد می‌کند. در نهایت، همه این index.css فایل‌ها به CSS ورودی اصلی وارد می‌شوند.