Din Style

Framework CSS by Din Digital

Posicionamento

...

Formulários

Exemplo de erro:

Exemplo de erro em uma escrita.

<span class="dd-error">Oops! Alguma coisa deu errado.</span>

Oops! Alguma coisa deu errado.


Exemplo de erro em um campo de entrada.

<input class="dd-error"/>

Exemplo de sucesso:

<span class="dd-success">Formulário enviado com sucesso.</span>

Formulário enviado com sucesso.


Exemplo de loading:

Esse exemplo utiliza as classes
fa fa-spin
do Font Awesome.
<span class="dd-load fa fa-spin"></span>

Paginação

A paginação deve seguir o padrão Laravel, que é o mesmo do bootstrap. Ex:

<nav>
  <ul class="pagination dd-pagination">
    <li>
      <a href="#" aria-label="Previous">
        <span aria-hidden="true">&laquo;</span>
      </a>
    </li>
    <li class="disabled"><a href="#">1</a></li>
    <li class="active"><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li>
      <a href="#" aria-label="Next">
        <span aria-hidden="true">&raquo;</span>
      </a>
    </li>
  </ul>
</nav>

Listas

Geral