mpeteuil · February 14, 2015 00:12
diff --git a/SassMeister-input-HTML.html b/SassMeister-input-HTML.html
 <html>
 <head>
  
 </head>
  <body>
    <div class="1-of-12">
      
    </div>  
  </body>
 </html>
diff --git a/SassMeister-input.scss b/SassMeister-input.scss
 // ----
 // Sass (v3.3.14)
 // Compass (v1.0.1)
 // ----

 $columns: (1 2 3 4 5 6 7 8 9 10 11 12);
 $max-columns: max($columns...);

 @each $column in $columns {
  #{$column}-of-#{$max-columns} {
    flex: 0 0 ($column/$max-columns) * 100%;
  }
 }
diff --git a/SassMeister-output.css b/SassMeister-output.css
 1-of-12 {
  flex: 0 0 8.33333%;
 }

 2-of-12 {
  flex: 0 0 16.66667%;
 }

 3-of-12 {
  flex: 0 0 25%;
 }

 4-of-12 {
  flex: 0 0 33.33333%;
 }

 5-of-12 {
  flex: 0 0 41.66667%;
 }

 6-of-12 {
  flex: 0 0 50%;
 }

 7-of-12 {
  flex: 0 0 58.33333%;
 }

 8-of-12 {
  flex: 0 0 66.66667%;
 }

 9-of-12 {
  flex: 0 0 75%;
 }

 10-of-12 {
  flex: 0 0 83.33333%;
 }

 11-of-12 {
  flex: 0 0 91.66667%;
 }

 12-of-12 {
  flex: 0 0 100%;
 }
diff --git a/SassMeister-rendered.html b/SassMeister-rendered.html
 <html>
 <head>
  
 </head>
  <body>
    <div class="1-of-12">
      
    </div>  
  </body>
 </html>