CleanCSS

CleanCSS adalah bahasa pythonic sederhana untuk CSS terinspirasi oleh CleverCSS tapi sederhana dan dengan sedikit fitur obstruktif.
Mengapa
Aku benar-benar menyukai ide di balik CleverCSS tetapi ketika digunakan dalam produksi saya menyadari bahwa saya sedang berusaha untuk menjauh dari parser nya dengan melarikan diri string dan properti CSS tidak didukung terlalu sering. Menggunakan prefiks penjual seperti -webkit-gradien dan nilai-nilai seperti RGBA menghasilkan CSS berantakan, jadi saya memutuskan untuk menulis parser saya sendiri untuk sintaks mirip tanpa semua fitur kompleks yang saya tidak menggunakan pula dan sekarang bekerja dengan baik bagi saya di situs web modern nyata.
Contoh Syntax
Saya akan menjaga contoh CleverCSS mana dimungkinkan karena sintaks benar-benar mirip.
Sebuah contoh kecil di bawah. Perhatikan sintaks berdasarkan lekukan dan bagaimana Anda dapat aturan sarang:
#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; size: .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 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
                        Warna: #ddd
Tentu saja Anda dapat melakukan hal yang sama di CSS, tetapi karena sifat datar kode akan terlihat lebih verbose. Berikut potongan kode adalah output CleanCSS dari file di atas:
#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 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; Warna: #dddddd;
}
Perpustakaan penggunaan
Impor modul CleanCSS dan memanggil convert () fungsi dengan file objek seperti.
Contoh:
impor CleanCSS
dengan terbuka ('file.css') sebagai f:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; cetak cleancss.convert (f)
penggunaan Command line
Panggil cleancss.py tanpa parameter untuk menunjukkan petunjuk pemakaian. Lulus sejumlah file ke cleancss.py dan script akan mengkonversi file ke CSS dan mencetak hasil ke konsol.
Contoh:
cleancss.py file.css> result.css

Persyaratan :

• Python