... |
... |
@@ -195,7
+195,14 @@ |
195 |
195 |
|
196 |
196 |
// You can also import another layout |
197 |
197 |
// It is transpiled with the variable settings before being imported |
198 |
|
-@import "client/current/file.thpc" |
|
198 |
+@import "client/current/file.thpc"; |
|
199 |
+ |
|
200 |
+// Import a file only when transpiling for a preview |
|
201 |
+// A SCSS file is transpiled (a) when the user clicks the save |
|
202 |
+// button, which also saves the result a client file or design template. |
|
203 |
+// And (b), when the user has changed an option in the UI and we want to |
|
204 |
+// to update the preview in the center section of the UI. |
|
205 |
+@import "client/current/file.scss?previewOnly"; |
199 |
199 |
{{/code}} |
200 |
200 |
|
201 |
201 |
=== Editorkonfiguration |
... |
... |
@@ -202,6
+202,26 @@ |
202 |
202 |
|
203 |
203 |
=== Einstellungen zur CSS-Generierung |
204 |
204 |
|
|
212 |
+Im Tab //Einstellungen// im rechten Bereich können einige fortgeschrittene Einstellungen getroffen werden, welche unter anderem beeinflussen, wie genau das {{smallcaps}}Scss{{/smallcaps}} in {{smallcaps}}Css{{/smallcaps}} transpiliert wird. Die Einstellungen gliedern sich in vier Unterbereiche: |
|
213 |
+ |
|
214 |
+==== Einstellungen zur Ansicht ==== |
|
215 |
+ |
|
216 |
+; Mehrere Editoren pro Zeile erlauben |
|
217 |
+: Standardmäßig werden die Editoren für die einzelnen Variablen untereinander angezeigt. Wenn diese Option aktiviert ist, können Editoren auch nebeneinander angeordnet werden. Diese Funktionalität sollte mit Bedacht eingesetzt werden, da recht wenig Platz in der Breite zur Verfügung steht und der Nutzer so schnell verwirrt werden kann. |
|
218 |
+; Basis-Theme in Vorschau deaktivieren |
|
219 |
+: Ist diese Option aktiviert, wird das durch {{formcycle /}} ausgeliefert Basis-{{smallcaps}}Css{{/smallcaps}} in der Vorschau deaktiviert. Ob diese Option aktiviert werden sollte, hängt davon ab, ob das {{smallcaps}}Scss{{/smallcaps}} auf dem Basis-{{smallcaps}}Css{{/smallcaps}} aufbaut oder eigenständig ist. |
|
220 |
+; Modern-Theme in Vorschau deaktivieren |
|
221 |
+: Ist diese Option aktiviert, wird das durch {{formcycle /}} ausgeliefert Modern-Theme-{{smallcaps}}Css{{/smallcaps}} in der Vorschau deaktiviert. Ob diese Option aktiviert werden sollte, hängt davon ab, ob das {{smallcaps}}Scss{{/smallcaps}} auf dem Modern-Theme aufbaut oder nur das Basis-{{smallcaps}}Css{{/smallcaps}} benötigt. |
|
222 |
+; Formular-Theme in Vorschau deaktivieren |
|
223 |
+: Ist diese Option aktiviert, wird das {{smallcaps}}Css{{/smallcaps}} deaktiviert, das im {{designer/}} im {{smallcaps}}Css{{/smallcaps}}-Bereich eingegebn wurde. |
|
224 |
+ |
|
225 |
+==== Einstellungen zur CSS-Ausgabe ==== |
|
226 |
+ |
|
227 |
+==== Postcss-Einstellungen ==== |
|
228 |
+ |
|
229 |
+==== Autoprefixer-Einstellungen ==== |
|
230 |
+ |
|
231 |
+ |
205 |
205 |
* Editoren-Typ, Breite, weitere Optionen, mehrspaltig? |
206 |
206 |
* Import von Mandantdateien und anderen Layout-Vorlagen |
207 |
207 |
* Nutzung von Variablen, warum !default |