...
| Codeblock | ||||
|---|---|---|---|---|
| ||||
$framework-paragraph-variant-standard-color: pink; $framework-paragraph-variant-standard-font-size: 2em; |
shop-styleguide/.../_
...
default.scss
Wenn diese 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.
| Codeblock | ||||
|---|---|---|---|---|
| ||||
@import "../../../framework-styleguide/element/framework-paragraph/layoutdefault"; // Erweitern der Standardvariante .framework-pargraph--standard { color: $framework-paragraph-variant-standard-color-special; } // Erstellen einer eigenen Variante .framework-paragraph--error { color: $framework-paragraph-variant-standard-color-error; background: : pink; $framework-paragraph-variant-standard-background-error: red; } |
shop-styleguide/.../_
...
layout.scss
Wenn diese Datei angelegt ist, wird die der Inhalt der _
...
layout.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.
| Codeblock | ||||
|---|---|---|---|---|
| ||||
@import "../../../framework-styleguide/element/framework-paragraph/defaultlayout"; // Erweitern der Standardvariante .framework-pargraph--standard { color: $framework-paragraph-variant-standard-color-special: pink; ; } // Erstellen einer eigenen Variante .framework-paragraph--error { color: $framework-paragraph-variant-standard-color-error; background: $framework-paragraph-variant-standard-background-error:; red;} |