sass-semantic-grid

Simple sass grid system to help you keep your HTML markup semantic-oriented.

#####This is not easy to read

<div class="grid">
  <div class="col-1-3">
    <div class="item">
      <!-- more markup -->
    </div>
  </div>
</div>

#####This makes more sense

<div class="items">
  <div class="item">
    <!-- more markup -->
  </div>
</div>

##Usage

.items {
  @extend %block-container;
  
  .item {
    @extend %grid-block;
    @include col(1/3);
  }
}