Wirefy Grid System

Wirefy Grid System

<article>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet suscipit sagittis. Mauris tristique bibendum laoreet. Cras eget lacus sodales mi ultrices dictum et eget odio. Cras venenatis nisi et magna volutpat, ut ullamcorper nisl tempor. Sed bibendum quam sit amet felis facilisis, sit amet feugiat nisi tincidunt. Ut cursus nisi magna, non sagittis neque cursus vitae. Sed ac augue ultricies, cursus dui auctor, porttitor elit. Praesent et neque sed orci auctor imperdiet. Donec cursus semper fermentum. Nullam aliquam viverra odio, at fermentum lorem vehicula vitae. Quisque pellentesque libero ut ligula congue, eu posuere felis pharetra. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras ut urna at risus dignissim porta. Maecenas eget pretium urna, eget pulvinar nulla.</p>
</article>
<aside>
  <ul>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
    <li>List item 4</li>
  </ul>
</aside>

Wirefy Grid System Scss

article{
  @include column(12);
  @media(min-width: 55em) {
    @include column(8);
  }
}

aside{
  @includes column(12);
  @media(min-width: 55em) {
    @include column(4);
  }
}