... |
... |
@@ -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 |