anchor.diff:  
     <h5 class="ls-title-2">Botões com dropdown</h5>
     <p>Botões que acompanham algum dropdown precisam tem os atributos <code>data-module="dropdown"</code></p>
  -  <p>
  +  <div class="doc-example doc-example-markup">
       <a href="#" data-module="dropdown" class="ls-btn-primary">Dropdown</a>
       <a href="#" data-module="dropdown" class="ls-btn-primary"></a>
       <a href="#" data-module="dropdown" class="ls-btn">Dropdown</a>
  
positive.code:     <a href="#" data-module="dropdown" class="ls-btn-dark"></a>
      <a href="#" data-module="dropdown" class="ls-btn-danger">Dropdown</a>
      <a href="#" data-module="dropdown" class="ls-btn-danger"></a>
    </p>
    <code class="language-html ls-well-example">
      <a href="#" data-module="dropdown" class="ls-btn-primary">Dropdown</a>
      <a href="#" data-module="dropdown" class="ls-btn-primary"></a>
      <a href="#" data-module="dropdown" class="ls-btn">Dropdown</a>
      <a href="#" data-module="dropdown" class="ls-btn"></a>
      <a href="#" data-module="dropdown" class="ls-btn-dark">Dropdown</a>
      <a href="#" data-module="dropdown" class="ls-btn-dark"></a>
      <a href="#" data-module="dropdown" class="ls-btn-danger">Dropdown</a>
      <a href="#" data-module="dropdown" class="ls-btn-danger"></a>
    </code>
    </div>
  
    <div class="doc-block">
      <h5 class="ls-title-2">Grupo de botões</h5>
      <p>Os grupos de botões são botões dentro de um elemento <code>.ls-group-btn</code>.</p>
      <div class="ls-group-btn">
        <button type="button" class="ls-btn">Botão 1</button>
        <button type="button" class="ls-btn">Botão 2</button>
        <button type="button" class="ls-btn">Botão 3</button>
      </div>
      <br>
    <code class="language-html ls-well-example">
      <div class="ls-group-btn">
        <button type="button" class="ls-btn">Botão 1</button>
        <button type="button" class="ls-btn">Botão 2</button>
        <button type="button" class="ls-btn">Botão 3</button>
      </div>
    </code>
    </div>
  
    <div class="doc-block">
      <h5 class="ls-title-2">Botões Ativados/Desativados</h5>
      <p>Adicionamos uma chave para ativar/desativar o grupo de botões, para usá-la adicione a classe <code>.ls-group-active</code> no mesmo elemento com <code>.ls-group-btn</code>.</p>
      <div class="ls-group-btn ls-group-active">
        <button type="button" class="ls-btn active">Botão 1</button>
        <button type="button" class="ls-btn">Botão 2</button>
        <button type="button" class="ls-btn">Botão 3</button>
      </div>
      <br>
    <code class="language-html ls-well-example">
      <div class="ls-group-btn ls-group-active">
        <button type="button" class="ls-btn active">Botão 1</button>
        <button type="button" class="ls-btn">Botão 2</button>
        <button type="button" class="ls-btn">Botão 3</button>
      </div>
    </code>
    </div>
  </div>
  
  
negative.code:       <a href="#" class="ls-btn ls-btn-xs">Botão extra pequeno</a>
      </p>
  
  
    </div>
  
    <div class="doc-block">
  
      <h5 class="ls-title-2">Botões blocados</h5>
      <p>Às vezes podemos usamos botões que ocupem todo o espaço disponível, para tanto use a classe <code>.ls-btn-block</code>. Isso aplicará um <code>display: block;</code> ao elemento.</p>
  
      <div class="doc-example doc-example-markup">
        <button type="button" class="ls-btn-primary ls-btn-lg ls-btn-block">Botão em forma de bloco</button>
        <br>
        <button type="button" class="ls-btn ls-btn-lg ls-btn-block">Botão em forma de bloco</button>
      </div>
  
    </div>
  
    <div class="doc-block">
      <h5 class="ls-title-2">Botões desativados</h5>
      <p>Se os botões forem feitos com input, basta inserir o atributo <code>[disabled]</code> que os browsers cuidarão do resto. Se o botões foi feito usando links, use a classe <code>.disabled</code>. Esta classe além de visual, remove a ação do link.</p>
      <div class="doc-example doc-example-markup">
        <a href="#" class="ls-btn-primary disabled">Link desativado</a>
        <button class="ls-btn-primary" disabled="disabled">Botão Desativado</button>
      </div>
    </div>
  
    <div class="doc-block">
      <h5 class="ls-title-2">Botões com ícones</h5>
      <p>Se você adicionar classes de ícones nos botões, eles já aparecerão no lugar correto, dispensando a inserção de elementos vazios para fazer os ícones. Veja exemplos abaixo.</p>
      <div class="doc-example doc-example-markup">
        <a href="#" class="ls-btn-primary ls-ico-user">Adicionar usuário</a>
        <button class="ls-btn-dark ls-ico-chevron-left">Anterior</button>
        <button class="ls-btn ls-ico-cog">Configurações</button>
        <button class="ls-btn-danger ls-ico-dashboard">Consumo limite</button>
      </div>
  
  
    </div>
  
  