Referenzen ($) sind Einheiten für feste Größen, die im Vorhinein definiert wurden. Du kannst damit Spacings und Ausmaßen von Komponenten und Seiten im radiosphere Studio Editor einstellen, indem du in den kleinen Dropdown-Menüs neben den leeren Werte-Feldern $ auswählst. Öffne dazu im Editor über den Design-Button in der oberen Leiste die Design-Einstellungen. Du kannst Referenzen ($) bei den Einstellungsmöglichkeiten Layout sowie Spacing nutzen. Wähle $ aus und trage die gewünschte Referenz in das freie Werte-Feld ein.
Wenn du nicht weißt, welche Referenz ($) für welche Größe gedacht ist, greife auf die folgende Übersicht zurück:
| Reference name | Description |
| base-unit | The px value that all spacings are based on |
| spacing-sp1 | The px value of spacing 1, the smallest spacer based on the base |
| spacing-sp2 | The px value of spacing 2 |
| spacing-sp3 | The px value of spacing 3 |
| spacing-sp4 | The px value of spacing 4 |
| spacing-sp5 | The px value of spacing 5 |
| spacing-sp6 | The px value of spacing 6 |
| spacing-sp7 | The px value of spacing 7 |
| spacing-sp8 | The px value of spacing 8 |
| spacing-sp9 | The px value of spacing 9 |
| padding-page |
The px value for the space around the page |
| margin-float |
The px value for the space between a floating element and other content |
| margin-block |
The px value for the space between a block element and other content |
| margin-grid-cross-axis-spacing |
The px value for the space between two grid cells that are below each other |
| margin-grid-main-axis-spacing |
The px value for the space between two grid cells that are next to each other |
| layout-widths-page | The px value of the maximum page width (usually used on pages) |
| layout-widths-block |
The px value of the maximum block width (usually used on posts & other content) |
Sobald du die Werte eingetragen hast, verändert sich die Größe der Komponente oder Seite in der Editor Preview auf der linken Seite automatisch anhand der eingegebenen Einstellungen. Du kannst die Angaben jederzeit ändern, indem du die Werte in den Feldern überschreibst. Zur Auswahl stehen dir zudem zwei weitere Werte-Typen, mit denen du die Ausmaße von Komponenten und Seiten bestimmen kannst. Lese hier nach, welche das sind.