<ul class="%{STYLEGUIDE_PAGE}-list-group"> <li><a href="#" class="%{STYLEGUIDE_PAGE}-list-group-item">リスト</a></li> </ul>
リンクがインラインのとき
<h3 class="%{STYLEGUIDE_PAGE}-list-group-heading">リストグループ</h3> <ul class="%{STYLEGUIDE_PAGE}-list-group"> <li class="%{STYLEGUIDE_PAGE}-list-group-item"><time datetime="2015-04-02">2015年04月02日</time> <span class="%{STYLEGUIDE_PAGE}-label %{STYLEGUIDE_PAGE}-label-default">お知らせ</span><a href="#" class="%{STYLEGUIDE_PAGE}-list-group-title-link">新着エントリー</a><span class="%{STYLEGUIDE_PAGE}-label %{STYLEGUIDE_PAGE}-label-warning">New!</span></li> </ul>