Site craftmywebsite 2.0
Fonctionne sous le Framework Tailwindcss.
Le dossier /dev n'est pas à utiliser en prod !
Run : npm init -y
Run : npm install -D tailwindcss postcss-cli autoprefixer
Run : npx tailwindcss init -p
dev => index.html
src => tailwind.css
Ajouter
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
}
@layer components {
}
Ajouter dans le package.json : script =>
"builddev": "postcss -w src/tailwind.css -o dev/assets/css/style.css"
Run : npm run build
Ajouter dans tailwind.config.js :
module.exports = {
content: [
'./dev/*.{php,html,js}',
],
Run : npm run build
Run :npm i daisyui
dans tailwind.conf.js rajouter >
module.exports = {
//...
plugins: [require("daisyui")],
}
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/css/style.css">
<script src="https://kit.fontawesome.com/eced519d56.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="text-green-900 uppercase text-center font-extrabold">Si ce texte est centré vert et gras alors </div>
<div class="text-green-900 uppercase text-center font-extrabold">TailWinds est pret !</div>
</body>
</html>