Von Version < 15.28 >
bearbeitet von awa
am 19.03.2020, 16:08
Auf Version < 15.34 >
bearbeitet von awa
am 19.03.2020, 16:33
< >
Änderungskommentar: (Autosaved)

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -209,8 +209,45 @@
209 209  
210 210  === Einstellungen zur CSS-Generierung
211 211  
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:
212 212  
214 +==== Einstellungen zur Ansicht ====
213 213  
216 +Hier können einige grundlegende Einstellungen zur Vorschau und zum Layout der Variableneditoren vorgenommen werden.
217 +
218 +; Mehrere Editoren pro Zeile erlauben
219 +: 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.
220 +; Basis-Theme in Vorschau deaktivieren
221 +: 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.
222 +; Modern-Theme in Vorschau deaktivieren
223 +: 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.
224 +; Formular-Theme in Vorschau deaktivieren
225 +: Ist diese Option aktiviert, wird das {{smallcaps}}Css{{/smallcaps}} deaktiviert, das im {{designer/}} im [[{{smallcaps}}Css{{/smallcaps}}-Bereich>>doc:Formcycle.FormDesigner.CodingPanel.CSSTab]] eingegeben wurde.
226 +
227 +==== Einstellungen zur CSS-Ausgabe ====
228 +
229 +; {{smallcaps}}Css{{/smallcaps}}-Ausgabemodus
230 +: Ob das erzeugte {{smallcaps}}Css{{/smallcaps}} komprimiert werden soll oder für Menschen lesbarer ausgegeben wird.
231 +:; COMPACT
232 +:; COMPRESSED
233 +:: Es wird versucht, die Größe des {{smallcaps}}Css{{/smallcaps}} so gering wie möglich zu halten, etwa indem unnötige Leerzeichen entfernt werden.
234 +:; EXPANDED
235 +:: Alle verschaltelten Selektoren im {{smallcaps}}Scss{{/smallcaps}} werden aufgelöst und ohne Einrückung ausgegeben. Jeder Selektor wird auf einer separaten Zeile ausgegeben.
236 +:; NESTED
237 +:: Im {{smallcaps}}Scss{{/smallcaps}} verschachtelte Regeln Selektoren durch Einrückung im {{smallcaps}}Css{{/smallcaps}} dargestellt.
238 +; Zu unterstützende Browser
239 +:
240 +; Anzahl der Leerzeichen für die Einrückung
241 +:
242 +; Genaugikeit für nummerische Berechnungen
243 +:
244 +; Kommentare erhalten
245 +
246 +==== Postcss-Einstellungen ====
247 +
248 +==== Autoprefixer-Einstellungen ====
249 +
250 +
214 214  * Editoren-Typ, Breite, weitere Optionen, mehrspaltig?
215 215  * Import von Mandantdateien und anderen Layout-Vorlagen
216 216  * Nutzung von Variablen, warum !default
Copyright 2000-2025