CleanCSS

CleanCSS jest prostym językiem pythonic dla CSS zainspirowany CleverCSS ale prostszy i mniej obturacyjnych funkcji.
Dlaczego
Bardzo podobał mi się pomysł za CleverCSS ale gdy są używane w produkcji zdałem sobie sprawę, że starałem się uciec od jego parsera uciekając sznurki i nieobsługiwane właściwości CSS zbyt często. Korzystanie z prefiksów dostawców jak -webkit-gradientu i wartości, takich jak rgba spowodowało bałagan CSS, więc postanowiłem napisać własny parser dla podobnej składni, bez wszystkich złożonych funkcji, które nie korzystają z tak i teraz działa dobrze dla mnie w PRAWDZIWE nowoczesne strony internetowe.
Przykłady Składnia
Zamierzam zachować w miarę możliwości przykłady CleverCSS od składnia jest bardzo podobna.
Mały przykład poniżej. Uwaga składni opartej na wcięcia i jak można zagnieżdżać zasady:
#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; fontu>
& 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; rozmiar: .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 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
                        kolor: #ddd
Oczywiście można to zrobić w CSS samego, ale ze względu na jego charakter płaskiego będzie wyglądać kod więcej komunikatów. Poniższy fragment kodu jest wyjście CleanCSS powyższego pliku:
#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.8em 0 0.8em;
}
#header li h3,
#footer li h3 {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-size: 1.2em;
}
#header li s,
#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; kolor: #dddddd;
}
Wykorzystanie Biblioteka
Zaimportować moduł cleancss i wywołać funkcję konwersji () z pliku obiektu podobnego.
Przykład:
import cleancss
z otwartym ("file.css ') jako f:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; cleancss.convert druku (f)
Wykorzystanie linii poleceń
Zadzwoń do cleancss.py bez parametrów, aby wyświetlić instrukcje użytkowania. Przekazać dowolną liczbę plików do cleancss.py i skrypt konwersji plików CSS i wydrukować wynik do konsoli.
Przykład:
cleancss.py file.css> result.css

Wymagania :

• Python