Von Version < 15.29 >
bearbeitet von awa
am 19.03.2020, 16:13
Auf Version < 15.36 >
bearbeitet von awa
am 19.03.2020, 16:43
< >
Änderungskommentar: (Autosaved)

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -213,14 +213,42 @@
213 213  
214 214  ==== Einstellungen zur Ansicht ====
215 215  
216 +Hier können einige grundlegende Einstellungen zur Vorschau und zum Layout der Variableneditoren vorgenommen werden.
217 +
216 216  ; Mehrere Editoren pro Zeile erlauben
217 -: Standardmäßig wird jeder Editor für die einzelnen Variablen
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.
218 218  ; 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.
219 219  ; 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.
220 220  ; 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.
221 221  
222 222  ==== Einstellungen zur CSS-Ausgabe ====
223 223  
229 +{{figure image="plugin_theme_config_template_browserlist_de.png"}}
230 + Über eine Browser-Query kann festgelegt werden, welche Ziel-Browser unterstützt werden sollen. Über
231 +{{/figure}}
232 +
233 +; {{smallcaps}}Css{{/smallcaps}}-Ausgabemodus
234 +: Ob das erzeugte {{smallcaps}}Css{{/smallcaps}} komprimiert werden soll oder für Menschen lesbarer ausgegeben wird.
235 +:; COMPACT
236 +:: Jeder Selektor mit all seinen Regeln wird in jeweils einer einzigen Zeile ausgegeben.
237 +:; COMPRESSED
238 +:: Es wird versucht, die Größe des {{smallcaps}}Css{{/smallcaps}} so gering wie möglich zu halten, etwa indem unnötige Leerzeichen und Zeilenumbrüche entfernt werden. In der Regel wird die {{smallcaps}}Css{{/smallcaps}}-Datei dadurch nur eine Zeile enthalten.
239 +:; EXPANDED
240 +:: Alle verschaltelten Selektoren im {{smallcaps}}Scss{{/smallcaps}} werden aufgelöst und ohne Einrückung ausgegeben. Jeder Selektor wird auf einer separaten Zeile ausgegeben.
241 +:; NESTED
242 +:: Im {{smallcaps}}Scss{{/smallcaps}} verschachtelte Regeln Selektoren durch Einrückung im {{smallcaps}}Css{{/smallcaps}} dargestellt.
243 +; Zu unterstützende Browser
244 +: Hier kann festgelegt werden, welche Browser unterstützt werden sollen. Dies hat etwa Auswirkungen darauf, welche {{smallcaps}}Css{{/smallcaps}}-Präfix automatisch hinzugefügt werden. Die Auswahl der Browser geschieht über eine sogenannte Browser-Query, zur Syntax siehe [[github.com/browserslist>>url:https://github.com/browserslist/browserslist#queries]]. Durch Betätigen der Schaltfläche //Browser aufzeigen// kann angezeigt werden, welche Browser letzlich bei einer Query herauskommen.
245 +; Anzahl der Leerzeichen für die Einrückung
246 +: Falls in der Ausgabe Zeilen eingerückt werden, kann hier festgelegt werden, wieviele Leerzeichen pro Einrückungslevel verwendet werden sollen.
247 +; Genaugikeit für nummerische Berechnungen
248 +: Die Genauigkeit (Anzahl der Kommastellen) für nummerische Berechnungen während der Transpilation, etwa wenn verschiedene {{smallcaps}}Css{{/smallcaps}}-Einheiten ineinander umgerechnet werden.
249 +; Kommentare erhalten
250 +: Wenn diese Option aktiviert ist, werden Kommentare im {{smallcaps}}Scss{{/smallcaps}} nicht entfernt.
251 +
224 224  ==== Postcss-Einstellungen ====
225 225  
226 226  ==== Autoprefixer-Einstellungen ====
Copyright 2000-2025