CleanCSS é uma linguagem Python simples para CSS inspirado por CleverCSS mas mais simples e com recursos menos obstrutivas.
Por
Eu realmente gostei da idéia por trás CleverCSS mas quando usado em produção, percebi que eu estava tentando ficar longe de seu analisador por escapar cordas e propriedades CSS não suportadas demasiado frequentemente. Usando prefixos de fornecedores como -webkit-gradiente e valores como rgba resultou em uma CSS confuso, então eu decidi escrever meu próprio analisador para uma sintaxe semelhante sem todas as características complexas que não usam qualquer maneira e agora funciona bem para mim em sites modernos real.
Exemplos sintaxe
Eu estou indo para manter os exemplos CleverCSS sempre que possível uma vez que a sintaxe é muito similar.
Um pequeno exemplo abaixo. Observe a sintaxe baseada recuo e como você pode regras ninho:
#header, #footer:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Fonte->
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; family: Verdana, sans-serif
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; size: .9em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; li:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.4em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0.8em 0.8em 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; h3:
font-size: 1.2em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; P:
padding: 0.3em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; p.meta:
text-align: right
color: #ddd
Claro que você pode fazer a mesma em CSS, mas por causa de sua natureza plana do código ficaria mais detalhado. O seguinte trecho de código é a saída CleanCSS do arquivo acima:
#header, #footer {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-family: Verdana, sans-serif
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-size: .9em
}
li #header,
#footer li {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.4em;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0.8em 0.8em 0;
}
#header h3 li,
#footer li h3 {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-size: 1.2em;
}
#header li p,
#footer li p {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.3em;
}
#header p.meta li,
#footer li p.meta {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; text-align: right;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; color: #dddddd;
}
uso da biblioteca
Importe o módulo cleancss e chamar a função de conversão () com um objeto como arquivo.
Exemplo:
cleancss importação
com open ('file.css') como f:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; cleancss.convert impressão (f)
uso de linha de comando
Chame o cleancss.py sem parâmetros para exibir as instruções de uso. Passar qualquer número de arquivos a cleancss.py eo script vai converter os arquivos para CSS e imprimir o resultado para o console.
Exemplo:
cleancss.py file.css> result.css
Requisitos :
- Python
Comentários não encontrado