cssgen - Webtools für Dich

Config

Dateien

base.css (Reset + Tokens) layout.css (Container/Grid/Sections) typografie.css (Headings/Prose/Code) forms.css (Buttons/Inputs/Forms) hamburger.css + hamburger.js (Navigation)

Nav Optionen

Nav Modus Menü-Art

Breakpoint (px) Dropdown/Untermenüs (CSS basic)

Tokens / Farben

BG Surface Text

Muted Accent Accent Hover

Accent Active Border Focus

Forms / Buttons

Button BG Button Text Button Hover BG

Input BG Input Border Input Text

Radius (px) Shadow

Layout / Typo

Max-Width (px) Spacing Transition

Font Sans Font Mono Line Height Base

base.css (Vorlage) – editierbar

Du kannst hier dein base.css anpassen. Beim Generieren werden nur Tokens (Farben/MaxWidth/Spacing/Fonts/Transition) gepatcht, der Rest bleibt wie du ihn schreibst.

Shortcuts: Strg+Enter generiert • Strg+K kopiert die aktive Output-Box (die letzte, in die du geklickt hast).