Layout

<h2>Griglia generica</h2>
<div class="l-grid debug-borders-nested">

    <div class="l-grid__header">
        <p>Griglia usate per l'header `l-grid > l-grid__header`</p>
    </div>

    <div class="l-grid__heading">
        <p>Griglia per home page intro e generico heading delle pagine `l-grid > l-grid__heading`</p>
    </div>

    <div class="l-grid__content">
        <p>Griglia per contenuti generici `l-grid > l-grid__content`</p>
    </div>

    <div class="l-grid__content--wide">
        <p>Griglia per contenuti generici - LARGA `l-grid > l-grid__content--wide`</p>
    </div>
</div>

<div class="l-grid">
    <div class="l-grid__content--narrow">
        <p>Griglia per contenuti generici - Più stretta usata per i testi `l-grid > l-grid__content--narrow`</p>
    </div>
</div>

</div>

<hr>

<h3>Template Home</h3>
<div class="l-grid debug-borders-nested">
    <div class="l-content">
        <code>.l-content</code>
        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia obcaecati voluptatum aliquid? Magnam beatae reprehenderit expedita facere facilis quod quos praesentium aut blanditiis, assumenda aliquam aliquid fuga ipsa sapiente veritatis.</p>
    </div>
</div>

<h3>Template Blog</h3>
<div class="l-grid debug-borders-nested">
    <div class="l-content--narrow">
        <code>.l-content--narrow</code>
        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia obcaecati voluptatum aliquid? Magnam beatae reprehenderit expedita facere facilis quod quos praesentium aut blanditiis, assumenda aliquam aliquid fuga ipsa sapiente veritatis.</p>
    </div>
</div>

<h3>Template Studio</h3>
<div class="l-grid debug-borders-nested">
    <div class="l-sidebar">
        <code>.l-content--sidebar</code>
        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia obcaecati voluptatum aliquid? Magnam beatae reprehenderit expedita facere facilis quod quos praesentium aut blanditiis, assumenda aliquam aliquid fuga ipsa sapiente veritatis.</p>
    </div>
    <div class="l-content">
        <code>.l-content--content</code>
        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia obcaecati voluptatum aliquid? Magnam beatae reprehenderit expedita facere facilis quod quos praesentium aut blanditiis, assumenda aliquam aliquid fuga ipsa sapiente veritatis.</p>
    </div>
</div>