Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -119,7 +119,6 @@
119	119	== Erstellen einer Layout-Vorlage
120	120
121	121	plugin_theme_config_editor_config_de.png
122		-plugin_theme_config_scss_de.png
123	123	plugin_theme_config_template_settings_1_de.png
124	124	plugin_theme_config_template_settings_2_de.png
125	125
...	...	@@ -135,6 +135,24 @@
135	135
136	136	=== SCSS-Vorlage
137	137
	137	+{{figure image="plugin_theme_config_scss_de.png"}}
	138	+ Im {{smallcaps}}Scss{{/smallcaps}}-Tab kann der Inhalt der zu verwendenden {{smallcaps}}Scss{{/smallcaps}}-Datei bearbeitet werden. Die Nutzung von {{smallcaps}}Scss{{/smallcaps}}-Variablen ist möglich, deren Werte können dann pro Layout geändert werden. Variablen können durch Nutzung von //!default// mit Standardwerten vorbelegt werden.
	139	+{{/figure}}
	140	+
	141	+Im {{smallcaps}}Scss{{/smallcaps}}-Tab im rechten Bereich kann eine entsprechende {{smallcaps}}Scss{{/smallcaps}}-Datei erstellt werden.
	142	+
	143	+Es können dabei sogenannte [[{{smallcaps}}Scss{{/smallcaps}}-Variablen>>url:https://sass-lang.com/documentation/variables]] verwendet werden. Der Wert der Variablen wird dann pro Layout entsprechend durch den Nutzer festgelegt. {{smallcaps}}Scss{{/smallcaps}}-Variablen beginnen immer mit einem Dollarzeichen ($) und sollten nicht mit [[{{smallcaps}}Css{{/smallcaps}}-Variablen>>url:https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties]] verwechselt werden.
	144	+
	145	+Um die [{{smallcaps}}Scss{{/smallcaps}}-Variablen für ein Layout mit Werten zu befüllen, werden die Variablen mit ihren Werten der [{{smallcaps}}Scss{{/smallcaps}}-Datei vorangestellt:
	146	+
	147	+{{code language="scss"}}
	148	+ $color: red;
	149	+ $fontSize: 16px;
	150	+ $fontFamily: "Liberation Sans";
	151	+{{/code}}
	152	+
	153	+Es empfiehlt sich, in der [{{smallcaps}}Scss{{/smallcaps}}-Datei für jede Variable einen Default-Wert zu deklarieren. Wenn dies am Anfang der Date geschieht, dann ist beim Lesen der [{{smallcaps}}Scss{{/smallcaps}}-Datei auch schnell erkennbar, welche Variablen es gibt. In dem Fall sollten die Variablen mit der //default//-Regel versehen werden, damit nich
	154	+
138	138	=== Editorkonfiguration
139	139
140	140	=== Einstellungen zur CSS-Generierung