Generated by SassMeister.com.

SassMeister-input-HTML.jade

div.container
  ul.list
    each val in [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
      li.list-item= val

SassMeister-input.scss

// ----
// libsass (v3.3.2)
// ----

@import "susy";

* {box-sizing: border-box;}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.container {
  max-width: 1240px;
  margin: 0 auto;
}

.list {
  
}

.list-item {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: sans-serif;
  text-align: center;
  background: pink;
  color: white;
}

SassMeister-output.css

* {
  box-sizing: border-box;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.container {
  max-width: 1240px;
  margin: 0 auto;
}

.list-item {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: sans-serif;
  text-align: center;
  background: pink;
  color: white;
}

SassMeister-rendered.html

<div class="container">
  <ul class="list">
    <li class="list-item">1</li>
    <li class="list-item">2</li>
    <li class="list-item">3</li>
    <li class="list-item">4</li>
    <li class="list-item">5</li>
    <li class="list-item">6</li>
    <li class="list-item">7</li>
    <li class="list-item">8</li>
    <li class="list-item">9</li>
    <li class="list-item">10</li>
    <li class="list-item">11</li>
    <li class="list-item">12</li>
  </ul>
</div>