CleanCSS

CleanCSS ist eine einfache pythonic Sprache für CSS inspiriert von CleverCSS aber einfacher und mit weniger obstruktive Funktionen.
Warum
Mir gefiel die Idee, die hinter CleverCSS aber wenn in der Produktion verwendet wurde mir klar, dass ich versuchte, durch die Flucht Strings und nicht unterstützten CSS-Eigenschaften zu oft weg von seiner Parser zu erhalten. Verwendung hersteller Präfixe wie -webkit-Gradienten und Werte wie rgba führte zu einem messy CSS, so dass ich beschloss, meine eigenen Parser für eine ähnliche Syntax, ohne all die komplexen Funktionen, die ich nicht trotzdem verwenden zu schreiben und es funktioniert jetzt gut für mich in REAL moderne Webseiten.
Syntax Beispiele
Ich werde die CleverCSS Beispiele, wo möglich, da die Syntax ist sehr ähnlich zu halten.
Ein kleines Beispiel unten. Beachten Sie die Einkerbung basierte Syntax und wie Sie Nest Regeln:
#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; Größe: .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: right
                        Farbe: #DDD
Selbstverständlich können Sie die gleichen in CSS tun können, aber wegen seiner flachen Natur der Code ausführlicher betrachten. Das folgende Stück Code ist die CleanCSS Ausgabe des obigen Datei:
#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.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: right;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Farbe: #dddddd;
}
Bibliothek Nutzung
Importieren Sie die cleancss Modul und rufen Sie die Funktion convert () mit einer Datei-ähnliches Objekt.
Beispiel:
Import cleancss
mit open ('file.css') als f:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Druck cleancss.convert (f)
Befehlszeilenbenutzung
Rufen Sie die cleancss.py ohne Parameter, um die Gebrauchsanweisung zu zeigen. Übergeben Sie eine beliebige Anzahl von Dateien in cleancss.py und das Skript die Dateien in CSS konvertieren und drucken Sie das Ergebnis an der Konsole.
Beispiel:
cleancss.py file.css> result.css

Anforderungen :

• Python