Scss / Frage zu main-navigation.scss

Um eine Änderung an der Klasse „.main-navigation-menu“ vorzunehmen habe ich in
/vendor/shopware/Storefront/Resources/app/storefront/src/scss/ nach der entsprechenden Datei gesucht.

Dort fällt auf das es zwei verschiedene Datein gibt.
/layout/_main-navigation.scss
/skin/shopware/layout/_main-navigation.scss

Nur in letzterer ist die Klasse „.main-navigation-menu“ zu finden.

Warum gibt es hier zwei verschiedene Dateien?
Über die Base.scss wird ja nur die /layout/_main-navigation.scss eingebunden.

Für eine Ableitung würde ich nun per @import in der base.scss meines Themes die Datei /layout/_main-navigation.scss einbinden. Oder doch die /skin/shopware/layout/_main-navigation.scss.
Allerdings wird diese eben nicht über die Originale base.css eingebunden, was mich irritiert.

Hallo,

grundsätzlich ist es ja egal wo deine eigene Klasse steht solange der Aufbau deiner SCSS Datei stimmt und diese in der base.scss eingebunden ist.
In meinen Installationen findet sich auch in der /layout/_main-navigation.scss die Klasse .main-navigation-menu
Ich bin bisher allerdings immer recht gut mit dem Überschreiben der jeweiligen Klasse gefahren. Habe also kein @import für die Standard SCSS Dateien in Shopware genutzt sondern einfache meine Klasse in meinen Themes geschrieben.
Wenn du ein komplett unabhängiges Theme erstellen möchtest würde ich dir die /layout/_main-navigation.scss empfehlen.

1 „Gefällt mir“