...
- framework-styleguide
- element
- framework-pargraph
_default.scss
_layout.scss
framework-paragraph.hbs
FrameworkParagraph.php
framework-pargraph.config.js
- framework-pargraph
- element
- 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 sollframework-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
- framework-paragraph
- element
Überschreibungsmöglichkeiten
...
Codeblock | ||||
---|---|---|---|---|
| ||||
$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 | ||||
---|---|---|---|---|
| ||||
@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
...