Zusammenfassung

• Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)

Details

Seiteneigenschaften

Inhalt

...	...	@@ -209,8 +209,46 @@
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	+:: Jeder Selektor mit all seinen Regeln wird in jeweils einer einzigen Zeile ausgegeben.
	233	+:; COMPRESSED
	234	+:: 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.
	235	+:; EXPANDED
	236	+:: Alle verschaltelten Selektoren im {{smallcaps}}Scss{{/smallcaps}} werden aufgelöst und ohne Einrückung ausgegeben. Jeder Selektor wird auf einer separaten Zeile ausgegeben.
	237	+:; NESTED
	238	+:: Im {{smallcaps}}Scss{{/smallcaps}} verschachtelte Regeln Selektoren durch Einrückung im {{smallcaps}}Css{{/smallcaps}} dargestellt.
	239	+; Zu unterstützende Browser
	240	+: 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 Browse
	241	+; Anzahl der Leerzeichen für die Einrückung
	242	+:
	243	+; Genaugikeit für nummerische Berechnungen
	244	+:
	245	+; Kommentare erhalten
	246	+
	247	+==== Postcss-Einstellungen ====
	248	+
	249	+==== Autoprefixer-Einstellungen ====
	250	+
	251	+
214	214	* Editoren-Typ, Breite, weitere Optionen, mehrspaltig?
215	215	* Import von Mandantdateien und anderen Layout-Vorlagen
216	216	* Nutzung von Variablen, warum !default