Instale o TainWind no Laravel
/* ./resources/css/app.css */
@tailwind base;
@tailwind components;
@tailwind utilities;
Inexpensive Ibex
/* ./resources/css/app.css */
@tailwind base;
@tailwind components;
@tailwind utilities;npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init
//webpack.mix.js
mix.js("resources/js/app.js", "public/js")
.postCss("resources/css/app.css", "public/css", [
require("tailwindcss"),
]);
//tailwind.config.js
module.exports = {
content: [
"./resources/**/*.blade.php",
"./resources/**/*.js",
"./resources/**/*.vue",
],
theme: {
extend: {},
},
plugins: [],
}
//app.css
@tailwind base;
@tailwind components;
@tailwind utilities;
npm run watch
//NOTE : Make sure your compiled CSS is included in the <head> then start using Tailwind’s utility classes to style your content.
<link href="{{ asset('css/app.css') }}" rel="stylesheet">