CleanCSS

CleanCSS er en simpel pythonic sprog for CSS inspireret af CleverCSS men enklere og med færre obstruktiv funktioner.
Hvorfor
Jeg kunne virkelig godt lide ideen bag CleverCSS men når de anvendes i produktionen, jeg indså, at jeg forsøgte at komme væk fra sin parser ved at undslippe strygere og ikke-understøttede CSS egenskaber alt for ofte. Brug af leverandør præfikser som -webkit-gradient og værdier som RGBA resulterede i en rodet CSS, så jeg besluttede at skrive min egen parser for en lignende syntaks uden alle de komplekse funktioner, som jeg ikke brugte alligevel og nu virker fint for mig i REAL moderne hjemmesider.
Syntaks eksempler
Jeg har tænkt mig at holde CleverCSS eksempler, hvor muligt, da syntaksen er virkelig ens.
Et lille eksempel nedenfor. Bemærk indrykningen baseret syntaks og hvordan du kan indlejre regler:
#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; størrelse: .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: højre
                        farve: #ddd
Selvfølgelig kan du gøre det samme i CSS, men på grund af dens flade natur koden ville se mere detaljeret. Følgende stykke kode er CleanCSS output af ovennævnte fil:
#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 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: højre;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; farve: #dddddd;
}
Bibliotek forbrug
Importer cleancss modulet og kalde konvertit () funktionen med en fil-lignende genstand.
Eksempel:
import cleancss
med åben (file.css «) som f:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; print cleancss.convert (f)
forbrug Command line
Ring til cleancss.py uden parametre for at vise brugsanvisningen. Pass vilkårligt antal filer til cleancss.py og scriptet vil konvertere filerne til CSS og udskrive resultatet til konsollen.
Eksempel:
cleancss.py file.css> result.css

Krav :

• Python