CleanCSS

CleanCSS är en enkel pythonic språk för CSS inspirerad av CleverCSS men enklare och mindre obstruktiva funktioner.
Varför
Jag gillade idén bakom CleverCSS men när den används i produktionen insåg jag att jag försökte komma bort från sin parser genom att fly stråkar och stöds CSS-egenskaper alldeles ofta. Använda leverantörs prefix som -webkit-gradient och värderingar som RGBA resulterade i en rörig CSS, så jag bestämde mig för att skriva min egen parser för en liknande syntax utan alla de komplexa funktioner som jag inte använde ändå och det fungerar nu bra för mig i REAL moderna webbplatser.
Syntax exempel
Jag kommer att hålla CleverCSS exempel där det är möjligt eftersom syntaxen är verkligen liknande.
Ett litet exempel nedan. Notera indrag baserad syntax och hur du kan kapsla 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; Tecken->
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; familj: Verdana, sans-serif
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; storlek: .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; marginal: 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
                        färg: #ddd
Naturligtvis kan du göra samma i CSS, men på grund av sin platta natur koden skulle se mer utförlig. Följande kodsnutt är CleanCSS produktionen av filen ovanför:
#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; marginal: 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: right;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; color: #dddddd;
}
Bibliotek användning
Importera cleancss modulen och anropa konverterings () funktion med en fil liknande föremål.
Exempel:
import cleancss
med öppen ("file.css") som f:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; utskrifts cleancss.convert (f)
kommandoraden användning
Ring cleancss.py utan parametrar för att visa instruktioner användnings. Passera valfritt antal filer till cleancss.py och manuset kommer att konvertera filerna till CSS och skriva ut resultatet till konsolen.
Exempel:
cleancss.py file.css> result.css

Krav :

• Python