Styling and Configuration

We strictly used the internal Tailwind CSS classes, with no additional modifications extra classes, or modifiers added.

You will get separate code blocks for individual components, you can change colors and style parameters after copying the codebase by simply using the internal Tailwind CSS classes.

You can find all available classes of Tailwind CSS theming from Tailwind CSS Theming.

Also, you can change our core modifications by updating tailwind.config.js file. For more information please check out the Tailwind CSS Documentation

tailwind.config.js

From 1.2 we have updated the configuration file and parameters to fit our design needs and simplify the whole process.

To make the process simple, We created the Tailwind CSS plugin that resolves everything automatically for you.

All you need to do is install the TailGrids NPM plugin. This plugin must be installed to make everything work perfectly and achieve the styles shown in the demos.

You can simply install running the command below

npm i tailgrids

This will install all the dependencies you need, and the configuration file will look like this:

module.exports = {
  content: ["./*.html", "./ecommerce/*.html", "./assets/**/*.js"],
  theme: {},
  variants: {
    extend: {},
  },
  plugins: [require("tailgrids/plugin")],
};

For more information about customizing Tailwind CSS configuration, check out the Tailwind CSS Docs