Von Version < 15.11 >
bearbeitet von awa
am 19.03.2020, 15:09
Auf Version < 15.14 >
bearbeitet von awa
am 19.03.2020, 15:17
< >
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Titel
... ... @@ -1,1 +1,1 @@
1 -Theme-Konfigurator-Plugin
1 +ThemeConfiguratorPlugin
Inhalt
... ... @@ -145,13 +145,39 @@
145 145  Um die [{{smallcaps}}Scss{{/smallcaps}}-Variablen für ein Layout mit Werten zu befüllen, werden die Variablen mit ihren Werten der [{{smallcaps}}Scss{{/smallcaps}}-Datei vorangestellt:
146 146  
147 147  {{code language="scss"}}
148 + // Generated automatically by the system
148 148   $color: red;
149 149   $fontSize: 16px;
150 150   $fontFamily: "Liberation Sans";
152 +
153 + // Your SCSS rules and styles come here
154 + // ...
151 151  {{/code}}
152 152  
153 -Es empfiehlt sich, in der [{{smallcaps}}Scss{{/smallcaps}}-Datei für jede Variable einen Default-Wert zu deklarieren. Wenn dies am Anfang der Date geschieht, dann ist beim Lesen der [{{smallcaps}}Scss{{/smallcaps}}-Datei auch schnell erkennbar, welche Variablen es gibt. In dem Fall sollten die Variablen mit der //default//-Regel versehen werden, damit nich
157 +Es empfiehlt sich, in der [{{smallcaps}}Scss{{/smallcaps}}-Datei für jede Variable einen Default-Wert zu deklarieren. Wenn dies am Anfang der Date geschieht, dann ist beim Lesen der [{{smallcaps}}Scss{{/smallcaps}}-Datei auch schnell erkennbar, welche Variablen es gibt. In dem Fall sollten die Variablen mit der //default//-Regel versehen werden, damit nicht die Werte aus dem Layout überschrieben werden:
154 154  
159 +{{code language="scss"}}
160 + // Declare your variables at the beginning of the SCSS file
161 + // Not required, but good practice
162 + $color: red !default;
163 + $fontSize: 16px !default;
164 + $fontFamily: "Liberation Sans" !default;
165 +
166 + // Rules and styles come here
167 + body {
168 + color: $color;
169 + font-size: $fontSize;
170 + font-family: $fontFamily;
171 + }
172 +
173 + // ...
174 +{{/code}}
175 +
176 +Schließlich ist es auch möglich, andere {{smallcaps}}Scss{{/smallcaps}}-Dateien zu importieren:
177 +
178 +{{code language="scss"}}
179 +{{/code}}
180 +
155 155  === Editorkonfiguration
156 156  
157 157  === Einstellungen zur CSS-Generierung
Copyright 2000-2025