Migration von v5.5.2 auf v5.6

Komponenten / Elemente

In /elements/ sollten nur noch Bausteine für Komponenten liegen. Elemente die ohne Unterelemente sind können zu Komponenten befördert werden.

Struktur:

awesome-styleguide/    
	component/        
		awesome-component/           
			_layout.scss           
			_default.scss          
			awesesome-component.hbs
			AwesomeComponent.php
	element/
		aweseome-component/
			awesome-component-element/
				_layout.scss           
				_default.scss   
				awesesome-component.hbs
				AwesomeComponentElement.php

SCSS-Dateien

Die _variable.scss sollte in _default.scss umbenannt werden. Diese beinhaltet die Default-Werte, welche über die Pflegemaske angepasst werden können.

Alle _awesome-component.scss _awesome-button-etc.scss Dateien sollten in _layout.scss umbenannt werden. Falls mehrere scss Dateien für ein Layout in einem Ordern liegen, können diese Layouts in der _default.scss importiert werden. Dabei bietet es sich auch an, Varianten in Unterorder zu legen, falls es zu unübersichtlich in dem Element wird.

Neu dazu kam die _overwrite.scss. Siehe https://konmedia.atlassian.net/wiki/x/h4iiAQ

Styleguide config.json

awesome-styleguide.config.json
- depends: ['shop-styleguide']
- priority: Definiert Reihenfolge. Guter Wert für Projekt ist 1001 und muss einzigartig sein.
- "preview": "@preview-awesome-styleguide" + previewTempalte anlegen
/composer.json
- "name": "brandbox-styleguide/awesome-styleguide"

Weitere Informationen finden sich auch hier: https://konmedia.atlassian.net/wiki/x/OIiiAQ

Nützliche Fractal-Befehle

Siehe auch hier: https://konmedia.atlassian.net/wiki/x/s6KiAQ