Generated by SassMeister.com.

SassMeister-input-HTML.html

<ul>
  <li><a href="#">test</a></li>
  <li><a href="#">test</a></li>
  <li><a href="#">test</a></li>
</ul>

SassMeister-input.scss

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

body{
  background: #000;
  color: #fff;
}
ul{
  list-style: none;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  top: 50%; left: 0; bottom: 0; right: 0;
  width: 20%;
  li{
    background: #fff;
    margin: 4px 0;
    a{
      display: block;
      padding: 20px;
    }
  }
}

SassMeister-output.css

body {
  background: #000;
  color: #fff;
}

ul {
  list-style: none;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  bottom: 0;
  right: 0;
  width: 20%;
}

ul li {
  background: #fff;
  margin: 4px 0;
}

ul li a {
  display: block;
  padding: 20px;
}

SassMeister-rendered.html

<ul>
  <li><a href="#">test</a></li>
  <li><a href="#">test</a></li>
  <li><a href="#">test</a></li>
</ul>