Nunja, es gelten die Regeln von CSS. Wenn es in einer Standard-SCSS-Datei z. B. den Code Code: #categories { background-color: $gx-categories-bg; } gibt, kannst du den in der _usermod.scss z. B. so "überschreiben": Code: #categories { background-color: #ff0000; } Im kompilierten Ergebnis wird beides stehen aber der Inhalt der _usermod.scss hätte hier eine höhere Priorität, da zuletzt eingebunden.
Versuche es doch einfach mit Code: @import '_header_categories'; /* oder was auch immer... */ und ein Paar Variablen überschreiben. Manchmal muss man sich einfach trauen und probieren
@Moritz und @monevo, Vielen Dank. Jetzt weiss ich was da mit _usermod gemeint ist. Code: $gx-navbar-topbar-bg: #fff; #topbar-container { background-color: $gx-navbar-topbar-bg; } und es funktioniert auch super. Im Grunde genommen, man muss die Variablen neue Werte zuweisen und diese Werte als Eigenschaften der Selektoren einsetzen.
Ja, wobei so eine Variable nur Sinn macht, wenn der Wert mehrfach genutzt wird oder man viel Code hat und man an einer Stelle gesammelt seine Farben oder was auch immer da in den Variablen steckt stehen haben möchte. Ansonsten ist reines CSS die kürzere Variante zum Ziel.
in der _usermod.scss kannst Du ALLE vorherigen Variablen mit deinem Eigenen Code überschreiben ... so wie ich es Dir oben im Beispiel gezeigt habe ...
@Rene, ja, vielen Dank nochmals für deine Mühe. Es funktioniert jetzt ohne probleme. Ich wüsste halt am Anfang nicht, was ich davon halten soll. Dank euere Hinweise, weiß ich jetzt wie es geht. Muss ich nur schauen, wieviel ich an das Design ändern will und ob es sich lohnt _usermod.scss zu verwenden, oder bleibe ich bei usermod.css.
Als keinen Tipp noch. Legt man sich für die Bearbeitung eine CSS an und bindet diese vorerst in die head_USERMOD.html ein, erspart man sich das ewige Cache leeren bis man alle Styles passend hat. Ist man fertig kann man die Werte in die _usermod.scss übernehmen und die CSS Datei wieder aus der head_USERMOD.html entfernen. Das spart sehr viel Zeit. Schönes Wochenende.