Seitenvergleich

...

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.

...

Neu dazu kam die _overwrite.scss. Siehe https://confluencekonmedia.konmediaatlassian.comnet/wiki/x/i6--Awh4iiAQ

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"

Nützliche Fractal-Befehle

Fractal starten

// Port für Fractal herausfinden (nicht im Pod). Gesuchter Port ist 3000
docker ps

// Fractal starten (im Pod)
cd plugin/remote/brandbox/framework/src/Fractal/Fractal/
node_modules/gulp/bin/gulp.js default

Styles rendern

...

...

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