Struktur des Styleguideprojekts
Referenzieren von Ressourcen
Die Ressourcen des Styleguides sind unter https://styleguide.sachsen.de zu finden. Die Ressourcen unterteilen sich in zwei Arten, den allgemeingültigen Ressourcen und den Farbschema-Ressourcen. Für den Begriff Farbschema wird wechselweise ebenfalls der Begriff Theme genutzt. Nachstehend ist die Ressourcengliederung im Detail aufgeschlüsselt. Ausgangspunkt für die Referenzierung ist die Basis-URL https://styleguide.sachsen.de/dist/ Weiterführende Informationen zu den Farbschemata und den Themes können unter Die Farbwelt von sachsen.de nachgelesen werden.
| Verzeichnis | Beschreibung des Inhalts |
|---|---|
| img | Bilddateien und Symbole, die portalübergreifend eingesetzt werden. Hierzu zählen Grafiken, die das Rahmendesign vorgeben. |
| js | JavaScript-Dateien, die portalübergreifend eingesetzt werden. In einem weiteren Unterordner, Namens components, sind die JavaScript-Dateien zu einzelnen Komponenten enthalten. |
| css | Stylesheet-Dateien, die portalübergreifend eingesetzt werden. Hierzu zählt bspw. die print.css. |
| themes | Symboliken und Stylesheets, die einem Farbschema zugeordnet sind. Innerhalb dieses Verzeichnisses finden sich zunächst Verzeichnisse, die den Theme angeben. Innerhalb eines jeden Theme-Verzeichnisses sind die entsprechenden Symboliken und Stylesheets aufgeführt. |
Die hier angegebene Verzeichnisstruktur ist ebenfalls für die Archivdatei gültig.
Farbschemata und Themes
Innerhalb des Styleguides sind verschiedene Farbschemata definiert. Die Schemata sind innerhalb des Theme-Verzeichnisses zu finden. Die Verzeichnisse sind nach der Farbe, die die Webpräsenz aufweisen soll, benannt. Ein jedes Theme-Verzeichnis beinhaltet ein Verzeichnis css und img. Das CSS-Verzeichnis beinhaltet spezifische Styles hinsichtlich der Farbdefinition. Über die Farbdefinition hinausgehende Styleangaben dürfen hierin nicht enthalten sein. Das img-Verzeichnis beinhaltet Symbole in der entsprechenden Farbvariation. Jedes Symbol wird sowohl als Pixeldatei (png) wie auch als Vektorgrafik (svg) bereitgestellt. Werden neue Symbole und Farbdefinitionen hinzugefügt, so müssen diese für alle Themes gleichermaßen erfolgen.
