Generated by SassMeister.com.

SassMeister-input-HTML.html

<h2>Choice</h2>
<ul class="choice-list">
    <li class="choice-list__choice"><a href="#">First Choice</a></li>
    <li class="choice-list__choice"><a href="#">Last Choice</a></li>
</ul>

<h2>Split Choice</h2>
<ul class="choice-list--split">
    <li class="choice-list__choice--first"><a href="#">First Choice</a></li>
    <li class="choice-list__choice"><a href="#">Last Choice</a></li>
</ul>

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

//stupid user agent style fix
ul {
    padding: 0;
}

// Choice List
[class*=choice-list] {
    text-align: center;
    margin: 0;
    list-style-type: none;
}

[class*=choice-list__choice] {
    display: inline-block;
}

// Split Choice List
.choice-list--split {
    text-align: right;
}

.choice-list__choice--first {
    float: left;
}

SassMeister-output.css

ul {
  padding: 0;
}

[class*=choice-list] {
  text-align: center;
  margin: 0;
  list-style-type: none;
}

[class*=choice-list__choice] {
  display: inline-block;
}

.choice-list--split {
  text-align: right;
}

.choice-list__choice--first {
  float: left;
}

SassMeister-rendered.html

<h2>Choice</h2>
<ul class="choice-list">
    <li class="choice-list__choice"><a href="#">First Choice</a></li>
    <li class="choice-list__choice"><a href="#">Last Choice</a></li>
</ul>

<h2>Split Choice</h2>
<ul class="choice-list--split">
    <li class="choice-list__choice--first"><a href="#">First Choice</a></li>
    <li class="choice-list__choice"><a href="#">Last Choice</a></li>
</ul>