Tailwind css

Tailwind presets :

github repository
php artisan preset tailwindcss-auth of php artisan preset tailwindcss
npm install && npm run dev

Upgrade Tailwind presets naar v1.0.1

  • Verwijderen van preset uit composer.son
  • composer update
  • file Tailwind.js verwijderen
  • aanpassingen uit app.css back-uppen (niet in css folder laten !)
  • resources/views/auth folder verwijderen
  • Tailwind verwijderen uit package.json
  • npm update uitvoeren
  • composer require uitvoeren voor preset
  • auth terug aanmaken via artisan commando
  • check routes/web.php op dubbele auth entries
  • npm install
  • app.css terug aanpassen
  • npm run dev

Upgrade naar Tailwind V1.*

  • pin-x vervangen door
  • kleuren dark, darkest vervangen door nummer .
  • inline toevoegen aan svg

Tailwindcss installeren zonder Laravel

installeren van Tailwind via npm
styles.css file aanmaken voor laden van basiscomponenten.
Compileren van asset : npx tailwind build styles.css -o output.css

Referentie websites :

Tailwindcss
Tailwindtoolbox
Tailwindcomponents