Seitenvergleich

Ein Styleguide hat die Möglichkeit Elemente anderen Styleguides zu überschreiben. Wichtig ist, dass der überschreibende Styleguide die zu überschreibenden Styleguides required.

Beispiel - framework-paragraph

Der framework-paragraph soll beispielhaft von dem cms-styleguide angepasst werden.

Ordnerstruktur

• framework-styleguide
  • component
    • framework-pargraph
      • _default.scss
      • _layout.scss
      • framework-paragraph.hbs
      • FrameworkParagraph.php
      • framework-pargraph.config.js
• cms-styleguide
  • component
    • framework-paragraph
      • _default.scss - Falls eigene Variablen definiert werden sollen

      • _layout.scss - (ersetzend) Falls ein eigenes Layout für das Element definiert werden soll
      • framework-paragraph.hbs - (ersetzend) Falls eigenes HTML für das Element definiert werden soll. Hinweis: Damit bekommt man Updates des Quellelements möglicherweise nicht mehr mit.
      • _overrride.scss - Um bestehende Variablen zu überschreiben

Überschreibungsmöglichkeiten

shop-styleguide/.../_overrride.scss

...