it-swarm.com.de

Überschreiben der CSS-Datei eines übergeordneten Themas

Ich versuche, die 'menu.css' im Standard-Classy-Design über meine Bibliotheksdatei zu überschreiben.

Ich habe natürlich die Dokumentation gelesen, aber was auch immer ich versuche, es wird nicht funktionieren.

Was wäre das richtige Markup, um diese Datei zu überschreiben oder zu deaktivieren?

6
ForsakenCreator

Fügen Sie dies zu Ihres Themas hinzu. Info.yml , um es mit css/my-menu.css aus Ihrem Thema zu überschreiben:

libraries-override:
  classy/base:
    css:
      component:
        css/components/menu.css: css/my-menu.css

So deaktivieren Sie es (laden Sie es nicht, wenn Sie die classy/base-Bibliothek laden):

libraries-override:
  classy/base:
    css:
      component:
        css/components/menu.css: false

Um das zu bekommen classy/base Schlüssel, den Sie für die Überschreibung benötigen, finden Sie die Datei * .libraries.yml, in der das CSS deklariert ist. Der Teil vor dem Schrägstrich ist das * in dieser Datei (z. B. classy.libraries.yml), und der Teil danach ist der Schlüssel der obersten Ebene in der Datei, unter der das CSS deklariert ist.

In den meisten Fällen finde ich es am einfachsten, die Bibliotheksdeklaration tatsächlich aus der Bibliotheksdatei zu kopieren, in der das Asset deklariert ist, um das CSS, die Komponente, die Schlüssel und den Einzug beizubehalten.

Beachten Sie, dass Sie dasselbe auch für JavaScript-Assets tun können.

Weitere Informationen finden Sie unter https://www.drupal.org/node/2216195#override-extend .

12
Cottser