cssmergemedia è uno strumento di Python che unisce media query identici nel CSS.
Ad esempio, il seguente CSS:
& Nbsp; & nbsp; & nbsp; media schermo e (min-width: 480px) e (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .foo {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; color: black;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; media schermo e (min-width: 480px) e (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .bar {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; fondo: rosso;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
Viene compilato a:
& Nbsp; & nbsp; & nbsp; media schermo e (min-width: 480px) e (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .foo {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; color: black;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; & nbsp; .bar {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; fondo: rosso;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
Questo consente di mantenere le vostre domande dei media con lo stile di base per ogni elemento, invece di raggruppare insieme alla fine del file o in un file separato (e quindi trasformare la manutenzione in un incubo)
CSS Unione supporto si basa su cssutils: ciò che può essere analizzato con cssutils possono essere usati nello script.
Installazione
Estrarre il tarball ed eseguire ::
& Nbsp; python setup.py install
Invocazione
Richiamare lo script in questo modo ::
& Nbsp; cssmergemedia --input style.css --output style-merged.css
Cosa c'è di nuovo in questa versione:
- Fisso controllo dependecy su install
Requisiti :
- Python
I commenti non trovato