Pattern Lab global styles


i am trying out Bastian Allgeier’s “pattern Lab” Plugin at the moment. I have seen this video also:

My question: how do “basic styles” come to my pattern preview e.g. in the Video there is a “(css)reset” and a “grid” folder.
If i make patterns using a grid how the preview will “know” that it needs the grid-css first to display it correctly?

best regards,

You can define a CSS file in your config, which will be included to the patterns preview, e.g.

c::set('patterns.preview.css', 'assets/css/styles.css');

I usually use my default (scss compiled) stylesheet, which is also used for the final website.

1 Like

Oh man, reread the docs and there it is. I’m embarrassed.
Thank you!