亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

What is the difference between inline tailwind CSS and multi-file tailwind CSS?
P粉010967136
P粉010967136 2024-03-27 10:52:58
0
1
702

Do we have to write it inline as:

  • Index .css file containing all Tailwind launchers
@tailwind base;
@tailwind components;
@tailwind utilities;

Or in a separate file, for example:

  • index.css
    • File1.css
    • File2.css

P粉010967136
P粉010967136

reply all(1)
P粉001206492

Your index.css file can contain utility classes. You use the tailwind command tailwind -i index.css -o output.css to build and generate the css file.

In your html file: you need to use tailwind inline in the class attribute:


    you rest of body

The last thing you need is the tailwind configuration file, which is automatically created when you run tailwind init in your working directory. The configuration file looks like this:

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['**/*.html'],
  theme: {
    extend: {},
  },
  plugins: [],
}

The purpose of this file is to check if any html file is using tailwind class and if so, render based on output.css when running the build command.

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template