Abstand
Abstände werden in Placer Toolkit gezielt eingesetzt, um einen vorhersehbaren Rhythmus und sinnvolle Nähe zu schaffen. Diese Eigenschaften verwenden rem‐Einheiten, um proportional zur Root‐Schriftgröße zu skalieren.
Du kannst --pc-spacing-scale verwenden, um alle Abstände gleichzeitig um den angegebenen Faktor zu vergrößern oder zu verkleinern. Standardmäßig ist dieser Multiplikator 1.
Die Rohgröße ohne Skalierung wird zur besseren Lesbarkeit angegeben. Pixelwerte basieren auf einer Root‐Schriftgröße von 16 px.
| Benutzerdefinierte Eigenschaft | Standardwert | Beispiel |
|---|---|---|
--pc-spacing-xxxs | 0.0625rem (1 px) | |
--pc-spacing-xxs | 0.125rem (2 px) | |
--pc-spacing-xs | 0.25rem (4 px) | |
--pc-spacing-s | 0.5rem (8 px) | |
--pc-spacing-m | 0.75rem (12 px) | |
--pc-spacing-l | 1rem (16 px) | |
--pc-spacing-xl | 1.25rem (20 px) | |
--pc-spacing-xxl | 1.75rem (28 px) | |
--pc-spacing-xxxl | 2.25rem (36 px) | |
--pc-spacing-xxxxl | 3rem (48 px) | |
--pc-spacing-xxxxxl | 4.5rem (72 px) |