Versionen im Vergleich

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

...

  • framework-styleguide
    • element
      • framework-pargraph
        • _default.scss
        • _layout.scss
        • framework-paragraph.hbs
        • FrameworkParagraph.php
        • framework-pargraph.config.js
  • shop-styleguide
    • element
      • framework-paragraph
        • _default.scss - (ersetzend) 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.
        • _overwrite.scss - Um bestehende Variablen zu überschreiben

Überschreibungsmöglichkeiten

...

Codeblock
languagesass
title_overwrite.scss
$framework-paragraph-variant-standard-color: pink !default;
$framework-paragraph-variant-standard-font-size: 2em !default;

shop-styleguide/.../_default.scss

Wenn diese Mit dieser Datei angelegt ist, wird der Inhalt der _default.scss aus dem zu überschreibenden Element ersetzt.

Allerdings gibt es die Möglichkeit den Inhalt des zu überschreibenden Elements zu importieren und dann weiter anzupassen.

ist es möglich neue Variablen zu definieren. Diese können dann in der zugehörigen _layout.scss verwendet werden.

Codeblock
languagesass
title_layout.scss
@import "../../../framework-styleguide/element/framework-paragraph/default"$framework-paragraph-variant-standard-color-special: pink !default;

$framework-paragraph-variant-standard-color-specialerror: pinkwhite !default;
$framework-paragraph-variant-standard-background-error: red !default;

shop-styleguide/.../_layout.scss

...