Von Version < 15.37 >
bearbeitet von awa
am 19.03.2020, 16:48
Auf Version < 15.30 >
bearbeitet von awa
am 19.03.2020, 16:18
< >
Änderungskommentar: (Autosaved)

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -207,22 +207,12 @@
207 207  
208 208  === Editorkonfiguration
209 209  
210 -=== Einstellungen
210 +=== Einstellungen zur CSS-Generierung
211 211  
212 -{{figure image="plugin_theme_config_template_settings_1_de.png"}}
213 - In den Einstellungen kann festgelegt werden, wie genau das {{smallcaps}}Scss{{/smallcaps}} in {{smallcaps}}Css{{/smallcaps}} umgewandelt wird und welche {{smallcaps}}Css{{/smallcaps}}-Dateien in der Vorschau deaktiviert werden sollen.
214 -{{/figure}}
215 -
216 -{{figure image="plugin_theme_config_template_settings_2_de.png"}}
217 - In den Einstellungen kann zudem weiter festgelegt werden, ob etwa Browser-P
218 -{{/figure}}
219 -
220 220  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:
221 221  
222 222  ==== Einstellungen zur Ansicht ====
223 223  
224 -Hier können einige grundlegende Einstellungen zur Vorschau und zum Layout der Variableneditoren vorgenommen werden.
225 -
226 226  ; Mehrere Editoren pro Zeile erlauben
227 227  : 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.
228 228  ; Basis-Theme in Vorschau deaktivieren
... ... @@ -230,40 +230,12 @@
230 230  ; Modern-Theme in Vorschau deaktivieren
231 231  : 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.
232 232  ; Formular-Theme in Vorschau deaktivieren
233 -: 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.
223 +: Ist diese Option aktiviert, wird das {{smallcaps}}Css{{/smallcaps}} deaktiviert, das im {{designer/}} im {{smallcaps}}Css{{/smallcaps}}-Bereich eingegebn wurde.
234 234  
235 235  ==== Einstellungen zur CSS-Ausgabe ====
236 236  
237 -{{figure image="plugin_theme_config_template_browserlist_de.png"}}
238 - Über eine Browser-Query kann festgelegt werden, welche Ziel-Browser unterstützt werden sollen. Über die entsprechende Schaltfläche neben der Browser-Query kann die Liste der auf die Browser-Query zutreffenden Browser angezeigt werden.
239 -{{/figure}}
240 -
241 -In diesem Bereich können grundlegende Einstellungen für die {{smallcaps}}Css{{/smallcaps}}-Generierung vorgenommen werden, wie etwa ob das {{smallcaps}}Css{{/smallcaps}} minifiziert ausgegeben werden soll.
242 -
243 -; {{smallcaps}}Css{{/smallcaps}}-Ausgabemodus
244 -: Ob das erzeugte {{smallcaps}}Css{{/smallcaps}} komprimiert werden soll oder für Menschen lesbarer ausgegeben wird.
245 -:; COMPACT
246 -:: Jeder Selektor mit all seinen Regeln wird in jeweils einer einzigen Zeile ausgegeben.
247 -:; COMPRESSED
248 -:: 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.
249 -:; EXPANDED
250 -:: Alle verschaltelten Selektoren im {{smallcaps}}Scss{{/smallcaps}} werden aufgelöst und ohne Einrückung ausgegeben. Jeder Selektor wird auf einer separaten Zeile ausgegeben.
251 -:; NESTED
252 -:: Im {{smallcaps}}Scss{{/smallcaps}} verschachtelte Regeln Selektoren durch Einrückung im {{smallcaps}}Css{{/smallcaps}} dargestellt.
253 -; Zu unterstützende Browser
254 -: 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.
255 -; Anzahl der Leerzeichen für die Einrückung
256 -: Falls in der Ausgabe Zeilen eingerückt werden, kann hier festgelegt werden, wieviele Leerzeichen pro Einrückungslevel verwendet werden sollen.
257 -; Genaugikeit für nummerische Berechnungen
258 -: Die Genauigkeit (Anzahl der Kommastellen) für nummerische Berechnungen während der Transpilation, etwa wenn verschiedene {{smallcaps}}Css{{/smallcaps}}-Einheiten ineinander umgerechnet werden.
259 -; Kommentare erhalten
260 -: Wenn diese Option aktiviert ist, werden Kommentare im {{smallcaps}}Scss{{/smallcaps}} nicht entfernt.
261 -
262 262  ==== Postcss-Einstellungen ====
263 263  
264 -
265 -
266 -
267 267  ==== Autoprefixer-Einstellungen ====
268 268  
269 269  
Copyright 2000-2025