Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="sidebar"> Doloremque, accusantium mollitia quisquam quae eveniet deleniti recusandae, voluptate possimus ipsam voluptatum modi optio qui adipisci ipsa enim. Autem, illum maiores magni.</div>
<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut est, omnis repellat tempora, soluta nisi, ab magnam officia cupiditate laborum perspiciatis. Vel inventore, possimus reprehenderit aperiam placeat omnis quam asperiores.</div>
<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut est, omnis repellat tempora, soluta nisi, ab magnam officia cupiditate laborum perspiciatis. Vel inventore, possimus reprehenderit aperiam placeat omnis quam asperiores.</div>
<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut est, omnis repellat tempora, soluta nisi, ab magnam officia cupiditate laborum perspiciatis. Vel inventore, possimus reprehenderit aperiam placeat omnis quam asperiores.</div>
<div class="sidebar"> Doloremque, accusantium mollitia quisquam quae eveniet deleniti recusandae, voluptate possimus ipsam voluptatum modi optio qui adipisci ipsa enim. Autem, illum maiores magni. Doloremque, accusantium mollitia quisquam quae eveniet deleniti recusandae, voluptate possimus ipsam voluptatum modi optio qui adipisci ipsa enim. Autem, illum maiores magni.Doloremque, accusantium mollitia quisquam quae eveniet deleniti recusandae, voluptate possimus ipsam voluptatum modi optio qui adipisci ipsa enim. Autem, illum maiores magni.</div>
<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut est, omnis repellat tempora, soluta nisi, ab magnam officia cupiditate laborum perspiciatis. Vel inventore, possimus reprehenderit aperiam placeat omnis quam asperiores.</div>
<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut est, omnis repellat tempora, soluta nisi, ab magnam officia cupiditate laborum perspiciatis. Vel inventore, possimus reprehenderit aperiam placeat omnis quam asperiores.</div>
<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut est, omnis repellat tempora, soluta nisi, ab magnam officia cupiditate laborum perspiciatis. Vel inventore, possimus reprehenderit aperiam placeat omnis quam asperiores.</div>
<div class="sidebar"> Doloremque, accusantium mollitia quisquam quae eveniet deleniti recusandae, voluptate possimus ipsam voluptatum modi optio qui adipisci ipsa enim. Autem, illum maiores magni.</div>

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

@import "breakpoint";
@import "singularitygs";


body {
  max-width: 60em;
  margin: 0 auto;
}

.block {
  margin-bottom: 1em;
  @include breakpoint(40em) {
    @include grid-span(8,1);
    clear: left;
  }
}

.sidebar {
  margin-bottom: 1em;
  @include breakpoint(40em) {
    @include grid-span(4,9);
    clear: right;
  }
}

SassMeister-output.css

body {
  max-width: 60em;
  margin: 0 auto;
}

.block {
  margin-bottom: 1em;
}

@media (min-width: 40em) {
  .block {
    width: 66.10169%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: left;
  }
}

.sidebar {
  margin-bottom: 1em;
}

@media (min-width: 40em) {
  .sidebar {
    width: 32.20339%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: right;
  }
}

SassMeister-rendered.html

<div class="sidebar"> Doloremque, accusantium mollitia quisquam quae eveniet deleniti recusandae, voluptate possimus ipsam voluptatum modi optio qui adipisci ipsa enim. Autem, illum maiores magni.</div>
<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut est, omnis repellat tempora, soluta nisi, ab magnam officia cupiditate laborum perspiciatis. Vel inventore, possimus reprehenderit aperiam placeat omnis quam asperiores.</div>
<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut est, omnis repellat tempora, soluta nisi, ab magnam officia cupiditate laborum perspiciatis. Vel inventore, possimus reprehenderit aperiam placeat omnis quam asperiores.</div>
<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut est, omnis repellat tempora, soluta nisi, ab magnam officia cupiditate laborum perspiciatis. Vel inventore, possimus reprehenderit aperiam placeat omnis quam asperiores.</div>
<div class="sidebar"> Doloremque, accusantium mollitia quisquam quae eveniet deleniti recusandae, voluptate possimus ipsam voluptatum modi optio qui adipisci ipsa enim. Autem, illum maiores magni. Doloremque, accusantium mollitia quisquam quae eveniet deleniti recusandae, voluptate possimus ipsam voluptatum modi optio qui adipisci ipsa enim. Autem, illum maiores magni.Doloremque, accusantium mollitia quisquam quae eveniet deleniti recusandae, voluptate possimus ipsam voluptatum modi optio qui adipisci ipsa enim. Autem, illum maiores magni.</div>
<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut est, omnis repellat tempora, soluta nisi, ab magnam officia cupiditate laborum perspiciatis. Vel inventore, possimus reprehenderit aperiam placeat omnis quam asperiores.</div>
<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut est, omnis repellat tempora, soluta nisi, ab magnam officia cupiditate laborum perspiciatis. Vel inventore, possimus reprehenderit aperiam placeat omnis quam asperiores.</div>
<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut est, omnis repellat tempora, soluta nisi, ab magnam officia cupiditate laborum perspiciatis. Vel inventore, possimus reprehenderit aperiam placeat omnis quam asperiores.</div>
<div class="sidebar"> Doloremque, accusantium mollitia quisquam quae eveniet deleniti recusandae, voluptate possimus ipsam voluptatum modi optio qui adipisci ipsa enim. Autem, illum maiores magni.</div>