CSS-Definitionen exklusiv in der Webseite oder im Editor einsetzen

16. Aug 2016

Die design.css wird sowohl in der Seitenausgabe als auch im Editor genutzt. Sie können allerdings auch festlegen, dass spezielle Styles nur im Editor oder auch nur in der Seite selbst aktiv sein sollen.

Die design.css wird sowohl in der Seitenausgabe als auch im Editor genutzt. Sie können allerdings auch festlegen, dass spezielle Styles nur im Editor oder auch nur in der Seite selbst aktiv sein sollen.

Grundsätzliche CSS-Definitionen für den Editor können in der parallel zur design.css liegenden editor.css definiert werden. Kleinere Anpassungen und CSS-Only Definitionen lassen sich in der design.css selbst über die vorangestellte Klasse .weditor bzw. .no-weditor erstellen.

CSS das nur im Editor wirkt

.weditor body {background:none}

CSS das nur in der Seitenansicht wirkt

.no-weditor #blockTop {-w-add-classes:$keepBlockTopInsideTopOnScroll}