diff --git a/README.md b/README.md index 20e9afd..e0e2420 100644 --- a/README.md +++ b/README.md @@ -5,6 +5,7 @@ 1. [Initialisierung des Projekts](#initialisierung-des-projekts) 2. [Starten des Servers](#starten-des-servers) 3. [Superuser erstellen](#superuser-erstellen) +4. [Tailwind-Nutzung](#tailwind-nutzung) ## Initialisierung des Projekts @@ -67,3 +68,31 @@ python3 core/manage.py createsuperuser ``` Gib anschließend die geforderten Daten ein (Benutzername, E-Mail, Passwort). Nach erfolgreicher Erstellung kannst du dich mit diesen Zugangsdaten im Admin-Bereich und in der Accounts-App der Anwendung anmelden. + +## Tailwind-nutzung +### Installation + +TailwindCSS kann auf zwei Wege installiert werden: + +- Mit der [Binärdatei](https://github.com/tailwindlabs/tailwindcss/releases/latest) +- Mit NPM: +```sh +npm install tailwindcss @tailwindcss/cli +``` + +### Datei generieren + +```sh +tailwindcss -i -o --watch --minify +``` + +- INPUT-DATEI: CSS Datei, welche die Einbindung und Konfiguration von Tailwind enthält +- OUTPUT-DATEI: CSS Datei, die in den Seiten eingebunden wird +- --watch: Änderungen im aktuellen Verzeichnis erkennen und Output neugenerieren +- --minify: Output Datei so klein wie möglich halten + +**Beispiel:** + +```sh +tailwindcss -i core/homepage/static/homepage/t-input.css -o core/homepage/static/homepage/t-style.css --watch --minify +``` \ No newline at end of file