cssmergemedia é uma ferramenta Python que mescla consultas de mídia idênticos no seu CSS.
Por exemplo, o CSS seguinte:
& Nbsp; & nbsp; & nbsp; media tela e (min-width: 480px) e (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .foo {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; color: black;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; media tela e (min-width: 480px) e (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .bar {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; background: red;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
É compilado para:
& Nbsp; & nbsp; & nbsp; media tela e (min-width: 480px) e (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .foo {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; color: black;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; & nbsp; .bar {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; background: red;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
Isso permite que você mantenha suas consultas de mídia junto com o estilo de base para cada elemento, em vez de agrupá-los juntos no final do arquivo ou em um arquivo separado (e, assim, transformar a manutenção em um pesadelo)
Fundir CSS Meios baseia-se cssutils: o que pode ser analisado com cssutils pode ser utilizado no script.
Instalação
Descompacte o arquivo tar e executar ::
& Nbsp; python setup.py instalar
Invocation
Invoque o script assim ::
& Nbsp; cssmergemedia --input style.css --output style-merged.css
O que é novo nesta versão:
- Fixa verificação de ser dependente em instalar
Requisitos :
- Python
Comentários não encontrado