${require('./_head.html') title=`We love .classes` description=`As a starting point, Pico chose to be as neutral and semantic as possible using very few .classes. But of course, .classes are not a bad practice at all. Feel free to use modifiers.` canonical=`we-love-classes.html` } ${require('./_nav.html')}
${require('./_sidebar.html') active=`we-love-classes-link`}

We love .classes

As a starting point, Pico chose to be as neutral and semantic as possible using very few .classes

But of course, .classes are not a bad practice at all.

Feel free to use modifiers.

<button class="warning">Action</button>

Just try to keep your HTML clean and semantic to keep the Pico spirit.

<button class="button-red margin-large padding-medium">Action</button>
${require('./_footer.html')}