Document ID: /fineweb-2-swissfilter-quality_10-filterrobots/filtered/03223.jsonl.gz/176

Inhaltsverzeichnis
Darstellung
Basisgrösse
Die Basisgrösse entspricht einer Grundeinheit von 8 Pixel. Die vertikalen und auch spezifische, horizontale Abstände von Interface-Elementen, sind ein Vielfaches der Basisgrösse.
Verwendung
Standard-Abstände
Um einheitliche Abstände innerhalb einer Applikation zu gewährleisten, sind Grundgrössen definiert. In der Gestaltung und Umsetzung achten wir darauf, jeweils diese Grunddefinitionen zu verwenden. Diese Grössen sind im Frontend als Variablen definiert.
Responsive Abstände
Abstände zwischen Elementen wachsen mit der Grösse des Viewports. Wie sich einzelne Abstände über die verschiedenen Breakpoints hinweg verhalten, ist in Abstandskurven definiert. Diese Kurven geben vor, wie stark sich ein Abstand verändert. Eine Komponente hat also nicht einfach einen fixen Abstand zur nächsten, sondern ist einer dieser Abstandskurven zugewiesen und skaliert dann entsprechend auf den unterschiedlichen Geräten.