�·····················-->
  <section class="skin-dark" role="region" id="buttons" data-position="right">
    <header class="fixed">
      <a id="btn-buttons-back" href="#"><span class="icon icon-back">back</span></a>
      <h1>Buttons</h1>
    </header>

    <article class="content scrollable header">
      <header><h2>Normal</h2></header>
      <div>
        <button>Default</button>
        <button class="recommend">Recommend</button>
        <button class="danger">Danger</button>
    