#CSS

CSS Snippets, die das Leben leichter machen

Code

box-sizing: border-box CSS verwendet standardmäßig content-box. Dabei vergrößern Innenabstände und Rahmen die Gesamtmaße eines Elements. Dieses Verhalten entspricht selten dem…

Galerie .gallery

CSS

Das Design der Gallery mit der Klasse .gallery-wrapper__wide. 1 Petunie 2 Wiesen-Salbei 3 Geruchlose Kamille /Lorem ipsum dolor sit amet,…

oklch()

color-space

Quelle: CSS Tricks, übersetzt mit ChatGPT Die CSS‑Funktion oklch() bringt einen frischen Ansatz zur Definition von Farben im Oklab‑Farbraum. Sie…

OKLCH Farben

color-space

Quelle: oklch.net Ein Leitfaden zu einem Farbraum, der Farben so darstellt, wie wir sie wirklich sehen – und damit das…

Space-Toggles

CSS

Quelle: https://github.com/propjockey/css-sweeper#css-is-a-programming-language-thanks-to-the-space-toggle-trick Autoren: Jane Ori und Alex Simonides Wenn deine --css-var ein Leerzeichen enthält --toggler: ;, kann sie beliebig oft…