# calc Grid

## row & column

    <section>
      <div>

        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>

      </div>
    </section>

    section
      row()

    .block
      column(1/4)

## offset

    <section>
      <div>

        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>

      </div>
    </section>

    section
      row()

    .block
      column(1/4)
      &:nth-child(2)
        offset(1/4)

## shift

    <section>
      <div>

        <div class="block">1</div>
        <div class="block">2</div>

      </div>
    </section>

    section
      row()

    .block
      column(1/2)
      &:nth-child(1)
        shift(1/2)
      &:nth-child(2)
        shift(-1/2)

1
2