CleanCSS

CleanCSS este un limbaj pythonic simplu pentru CSS inspirat din CleverCSS dar mai simplă și cu caracteristici mai puțin obstructive.
De ce
Mi-a placut ideea din spatele CleverCSS dar atunci când este utilizat în producția am realizat că am fost încercarea de a obține de la parser prin evadarea siruri de caractere și proprietăți CSS neacceptate prea des. Utilizarea prefixe furnizor ca -webkit gradient și valori precum RGBA rezultat într-o CSS murdar, așa că am decis să scrie propria mea parser de sintaxă similară fără toate caracteristicile complexe care nu am folosi oricum și acum funcționează bine pentru mine în site-uri moderne REAL.
Exemple Sintaxa
Am de gând să păstreze exemplele CleverCSS acolo unde este posibil, deoarece sintaxa este foarte asemănătoare.
Un mic exemplu de mai jos. Notă sintaxa bazat indentare și cum poți reguli cuib:
#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>
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Familia: Verdana, sans-serif
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Dimensiune: .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: dreapta
                        Culoare: #ddd
Desigur, puteți face foarte același lucru în CSS, dar din cauza naturii sale plat codul ar arata mai detaliată. Următoarea bucată de cod este ieșirea CleanCSS a fișierului de mai sus:
#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 li H3,
#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 li p.meta,
#footer li p.meta {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; text-align: dreapta;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Culoare: #dddddd;
}
utilizare Biblioteca
Importa modulul cleancss și apelați funcția converti () cu un obiect fișier ca.
Exemplu:
cleancss import
cu open ('file.css ") ca f:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; cleancss.convert print (f)
Utilizarea linie de comandă
Sunați cleancss.py fără parametri pentru a afișa instrucțiunile de utilizare. Trece orice număr de fișiere la cleancss.py și script-ul va converti fișierele CSS și imprima rezultatul la consola.
Exemplu:
cleancss.py file.css> result.css

Cerințe :

• Python