[dev] Estilos e guidelines

Esta página deve ser utilizada para documentar regras visuais e de desenvolvimento.

Botões

Devem ter a classe “sc-button” e podem ser aplicados a <a>, <span>, <input> e outros elementos.

Tamanhos disponíveis

“small”, “medium” e “large”
Pequeno Médio Grande
<a href="#" class="sc-button yellow small" target="_blank">Pequeno</a> <a href="#" class="sc-button yellow medium" target="_self">Médio</a> <a href="#" class="sc-button yellow large" target="_self">Grande</a>

Cores

“yellow”, “darkgrey”, “brown”, “blue”, “mediumblue”, “darkblue”, “limegreen”, “teal”, “darkgreen”, “red” e “orange”
yellow darkgrey brown blue mediumblue darkblue limegreen teal darkgreen red orange
<a href="#" class="sc-button medium yellow">yellow</a> <a href="#" class="sc-button medium darkgrey">darkgrey</a> <a href="#" class="sc-button medium brown">brown</a> <a href="#" class="sc-button medium blue">blue</a> <a href="#" class="sc-button medium mediumblue">mediumblue</a> <a href="#" class="sc-button medium darkblue">darkblue</a> <a href="#" class="sc-button medium limegreen">limegreen</a> <a href="#" class="sc-button medium teal">teal</a> <a href="#" class="sc-button medium darkgreen">darkgreen</a> <a href="#" class="sc-button medium red">red</a> <a href="#" class="sc-button medium orange">orange</a>
 

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *