TailwindCSS

Tailwind CSS is a utility-first CSS framework with predefined classes that you can use to build and design the UI directly in the HTML. We use Tailwind as our core CSS framework, most of the UI built entirely with it features, so you can easily update the theme & base by altering tailwind.config.js under the root directory.

Tooling

If you are using VS Code as your IDE, we suggest to install Tailwind CSS IntelliSense plugin , it provides autocomplete, syntax highlighting, and linting based on your Tailwind config which can speed up your development.

Some of our UI component use sematic class with tailwind @apply directive underlying, in some cases, applying tailwind classes on these component might not working, you might need to use !important modifier to override the default high specificity selectors.

You can make any utility important by adding a `!` character to the beginning, E.g:

You can always visit the official doc to find out classes usage & Tailwind configuration:

https://tailwindcss.com/