Limpando a folha de estilo MENOS das propriedades específicas do navegador

LESS elements ( http://lesselements.com ) é um conjunto de mixins úteis para o pré-processador LESS CSS para ajudá-lo a reduzir o tamanho de suas folhas de estilo.

Isso reduz bastante a bagunça em minhas folhas de estilo usando o poder de MENOS.

Simplesmente, baixe e importe o elements.less

@import “elements.less”;

Você pode estilizar seus elementos usando um estilo de função procedural. Por exemplo:

#footer {
    .gradient(#F5F5F5, #EEE, #FFF);
    .border-radius(5px, 0, 0, 5px);
}

Então, os elementos LESS irão gerar todos os prefixos do navegador (como -moz-, -webkit-, etc) de que você precisa. Trabalhar com CSS3 nunca foi tão fácil 🙂