cssmergemedia adalah alat Python yang menggabungkan pertanyaan media identik dalam CSS Anda.
Sebagai contoh, berikut CSS:
& Nbsp; & nbsp; & nbsp; media layar dan (min-width: 480px) dan (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .foo {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; warna: hitam;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; media layar dan (min-width: 480px) dan (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .bar {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; background: red;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
Dikompilasi ke:
& Nbsp; & nbsp; & nbsp; media layar dan (min-width: 480px) dan (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .foo {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; warna: hitam;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; & nbsp; .bar {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; background: red;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
Hal ini memungkinkan Anda untuk menyimpan pertanyaan media bersama dengan gaya dasar untuk setiap elemen, bukannya mengelompokkan mereka bersama-sama di akhir file atau dalam file terpisah (dan dengan demikian mengubah pemeliharaan menjadi mimpi buruk)
CSS Gabung Media didasarkan pada cssutils: apa yang bisa diurai dengan cssutils dapat digunakan dalam script.
Instalasi
Membongkar tarball dan menjalankan ::
& Nbsp; python setup.py install
Doa
Memanggil script seperti begitu ::
& Nbsp; cssmergemedia --input style.css --output gaya-merged.css
Apa yang baru dalam rilis ini:
- Tetap dependecy memeriksa install
Persyaratan :
- Python
Komentar tidak ditemukan