LOCAWEB STYLE

Documentação Locaweb Style

Boas práticas de CSS

Entenda como escrever código CSS de forma consciente.

Cores

Sempre que utilizar uma cor hexadecimal que tenha repetição de valores, use sempre o valor de atalho, assim:

/** Recomendado **/
p {color: #AAA;}

/** Não Recomendado **/
p {color: #AAAAAA;}

RGBA

Sempre que possível, utilize RGBA e mantenha o fallback para browsers antigos. Um exemplo:

p { color: rgba(0, 0, 0, 0.5); }
.no-rgba p { color: #000; }

Aspas

Utilizamos ASPAS DUPLAS no CSS.

input[type="checkout"] { ... }
div:after { content: " "; }

Comentários

Para uma seção:

/*** HEADER
**** Header principal do site
***/

Nunca use comentários na mesma linha da propriedade:

p {color: #FFF;} /** Nunca use comentários assim **/
p {color: #FFF; /** Nunca use comentários assim **/ }

Assim é melhor:

/** Assim é melhor **/
p {
	color: #FFF;
	background: red;
	margin: 0;

	/** Assim também é bom **/
	padding: 0;
}