CleanCSS

CleanCSS je jednoduchý pythonic jazyka CSS inspirována CleverCSS, ale jednodušší a méně obstrukční funkcemi.
Proč
Moc se mi líbila myšlenka CleverCSS, ale při použití ve výrobě jsem si uvědomil, že jsem se snažil dostat pryč od jeho parser útěkem řetězce a nepodporované CSS vlastnosti příliš často. Používání předpon dodavatelů jako -webkit-gradientu a hodnot, jako je RGBA vyústil v chaotický CSS, takže jsem se rozhodl napsat vlastní parser pro podobný syntaxe bez všech složitých funkcí, které jsem nepoužil tak jako tak, a to teď funguje dobře pro mě REAL moderní webové stránky.
Příklady Syntaxe
Budu držet příklady, kde je to možné, protože CleverCSS syntaxe je skutečně podobné.
Malý příklad níže. Poznámka: syntaxe založený zářezu a jak se můžete vnořit pravidla:
#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; family: Verdana, sans-serif
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Velikost: .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 0.8em 0.8em
& 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
                        barva: #ddd
Samozřejmě, můžete udělat velmi totéž v CSS, ale protože jeho ploché povahy kód by vypadat více upovídaný. Následující kus kódu je CleanCSS výstup uvedeného souboru:
#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
}
#header li,
#footer li {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.4em;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0 0.8em 0.8em;
}
#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: right;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; barva: #dddddd;
}
Knihovna využití
Import cleancss modul a volání funkce convert () s objektem souborů podobné.
Příklad:
import cleancss
s otevřeným ("file.css") jako f:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; print cleancss.convert (f)
Využití Příkazový řádek
Zavolejte cleancss.py bez parametrů ukázat pokyny k použití. Předat libovolný počet souborů na cleancss.py a skript bude konvertovat soubory do CSS a vytisknout výsledek na konzole.
Příklad:
cleancss.py file.css> result.css

Požadavky na :

• Python