mirisuzanne · January 1, 2016 18:50
diff --git a/SassMeister-input-HTML.html b/SassMeister-input-HTML.html
 <div class="newApp">
  <div class="rounded">
    <ul>
    {{#each tasksToDo}}
        {{>task}}
    {{/each}}
    </ul>
  </div>

  <div class="rounded2">
    <ul>
    {{#each taskDone}}
        {{>done}}
    {{/each}}
    </ul>
  </div>
 </div>
diff --git a/SassMeister-input.scss b/SassMeister-input.scss
 // ----
 // libsass (v3.3.2)
 // ----

 @import 'susy';

 $susy: (
  columns: 2,
  column-width: 440px,
  gutters: 100/440,
  gutter-position: split,
 );

 html {
  background: black;
 }

 .newApp {
  padding: gutter();
 }

 .rounded {
  @include span(1);
  background: white;
 }

 .rounded2 {
  @include span(1);
  background: white;
 }

diff --git a/SassMeister-output.css b/SassMeister-output.css
 html {
  background: black;
 }

 .newApp {
  padding: 4.62963%;
 }

 .rounded {
  width: 40.74074%;
  float: left;
  margin-left: 4.62963%;
  margin-right: 4.62963%;
  background: white;
 }

 .rounded2 {
  width: 40.74074%;
  float: left;
  margin-left: 4.62963%;
  margin-right: 4.62963%;
  background: white;
 }
diff --git a/SassMeister-rendered.html b/SassMeister-rendered.html
 <div class="newApp">
  <div class="rounded">
    <ul>
    {{#each tasksToDo}}
        {{>task}}
    {{/each}}
    </ul>
  </div>

  <div class="rounded2">
    <ul>
    {{#each taskDone}}
        {{>done}}
    {{/each}}
    </ul>
  </div>
 </div>