KSS Style Guide

<insert-markup>organisms.grid.boxes-</insert-markup>
.-columns-2
2 columns
<insert-markup>organisms.grid.boxes-0</insert-markup>
.-columns-3
3 columns
<insert-markup>organisms.grid.boxes-1</insert-markup>
Markup: ..\..\styleguide\templates\organisms\grid-boxes.html
<div class="rocksite-o-grid-boxes [modifier class]">
    <div class="rocksite-o-grid-boxes__wrapper">
        <div class="rocksite-o-grid-boxes__wrapper__item">
            <a rel="rocksite-resize-photo[gallery]" href="../assets/images/photo-gallery.jpg"><img  src="../assets/images/photo-gallery.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
        </div>
        <div class="rocksite-o-grid-boxes__wrapper__item">
            <a rel="rocksite-resize-photo[gallery]" href="../assets/images/photo-gallery.jpg"><img  src="../assets/images/photo-gallery.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
        </div>
        <div class="rocksite-o-grid-boxes__wrapper__item">
            <a rel="rocksite-resize-photo[gallery]" href="../assets/images/photo-gallery.jpg"><img  src="../assets/images/photo-gallery.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
        </div>
        <div class="rocksite-o-grid-boxes__wrapper__item">
            <a rel="rocksite-resize-photo[gallery]" href="../assets/images/photo-gallery.jpg"><img  src="../assets/images/photo-gallery.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
        </div>
        <div class="rocksite-o-grid-boxes__wrapper__item">
            <a rel="rocksite-resize-photo[gallery]" href="../assets/images/photo-gallery.jpg"><img  src="../assets/images/photo-gallery.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
        </div>
        <div class="rocksite-o-grid-boxes__wrapper__item">
            <a rel="rocksite-resize-photo[gallery]" href="../assets/images/photo-gallery.jpg"><img  src="../assets/images/photo-gallery.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
        </div>
        <div class="rocksite-o-grid-boxes__wrapper__item">
            <a rel="rocksite-resize-photo[gallery]" href="../assets/images/photo-gallery.jpg"><img  src="../assets/images/photo-gallery.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
        </div>
        <div class="rocksite-o-grid-boxes__wrapper__item">
            <a rel="rocksite-resize-photo[gallery]" href="../assets/images/photo-gallery.jpg"><img  src="../assets/images/photo-gallery.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
        </div>
    </div>
</div>





Source: ../source/scss/components/organisms/_grid-boxes.scss, line 1