List

Class Property Value
.lsn list-style none
.lsd list-style decimal
.lsdlz list-style decimal-leading-zero
.lsla list-style lower-alpha
.lslr list-style lower-roman
.lsua list-style upper-alpha
.lsur list-style upper-roman
.list-col-1 columns 1
.list-col-2 columns 2
.list-col-3 columns 3
.list-col-4 columns 4

Aux classes

.list-reset
	padding 0
	margin 0
	@extends .lsn

.list-inline li
	display inline-block

List inline

  • item
  • item
  • item
  • item
<ul class="list-inline">
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
</ul>

List without browser styles

  • item
  • item
  • item
  • item
  • item
<ul class="list-reset">
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
</ul>

Both classes

  • item
  • item
  • item
  • item
<ul class="list-reset list-inline">
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
</ul>