cssmergemedia

Software screenshot:
cssmergemedia
Dettagli del software:
Versione: 0.1.1
Data di caricamento: 14 Apr 15
Sviluppatore: Adrien Kohlbecker
Licenza: Libero
Popolarità: 8

Rating: 4.0/5 (Total Votes: 1)

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

Programmi simili

Amoeba
Amoeba

3 Jun 15

DAPS
DAPS

20 Feb 15

blockdiag
blockdiag

20 Feb 15

mdx_video
mdx_video

14 Apr 15

Commenti a cssmergemedia

I commenti non trovato
Aggiungi commento
Accendere le immagini!