matcha
3.0.0
Matcha.css adalah perpustakaan CSS murni yang dirancang untuk menata elemen HTML yang mirip dengan stylesheet browser default, menghilangkan kebutuhan pengguna untuk secara manual menambal dokumen mereka.
Ideal untuk pembuatan prototipe cepat, halaman HTML statis, dokumen yang dihasilkan oleh penurunan harga, dan pengembang yang ingin merampingkan alur kerja mereka tanpa mempelajari seluk-beluk CSS dan ingin memanfaatkan berbagai elemen HTML yang tersedia.
~7kB Gzipped (dapat dikurangi lebih lanjut)
Bekerja mulus dengan dokumen apa pun dan mencakup berbagai elemen HTML yang lebih luas dibandingkan dengan perpustakaan yang serupa. Itu tetap tidak mencolok dengan memanfaatkan elemen semu CSS dan menawarkan dukungan browser yang luas.
Cukup sertakan <link rel="stylesheet"> untuk memulai, dan menghapusnya kapan pun diperlukan tanpa perlu refactoring atau pembersihan dokumen.
Adapts styling berdasarkan hierarki elemen, memberikan perilaku intuitif seperti "submenus implisit" saat bersarang <menu> elemen, indikator bidang yang diperlukan ( * ) ketika <label> dipasangkan dengan <input required> , dll.
Seduh build Anda sendiri menggunakan pembangun khusus kami untuk memilih fitur spesifik dan mengurangi ukuran build akhir sesuai dengan kebutuhan proyek Anda.
Dirilis di bawah lisensi MIT, tersedia secara bebas di github.com/lowlighter/matcha.
Untuk memanfaatkan matcha.css , cukup sertakan baris berikut di bagian <head> dari dokumen Anda. Sesederhana itu!
< link rel =" stylesheet " href =" https://matcha.mizu.sh/matcha.css " >Aset di -host di Vercel tetapi Matcha.CSS juga tersedia di dan layanan CDN yang mendistribusikan paket NPM seperti JSDELIVR.
Semua versi yang diterbitkan tersedia di /v/ direktori. Secara default, cabang main dilayani.
Setiap direktori subdirektori yang tercantum dalam /styles juga secara langsung dilayani dari matcha.mizu.sh. Misalnya, jika Anda hanya ingin memasukkan gaya @syntax-highlighting daripada menggunakan build default atau yang kustom, Anda dapat menggunakan:
< link rel =" stylesheet " href =" https://matcha.mizu.sh/styles/@syntax-highlighting/mod.css " > Namun perhatikan bahwa kecuali Anda menyediakan variabel CSS Anda sendiri, kemungkinan besar Anda perlu memasukkan paket @root karena berisi semua definisi Variabel MatchA.CSS.
Semua file
mod.cssjuga alias ke direktori induk masing -masing untuk kenyamanan, yang berarti Anda juga dapat menggunakan:< link rel =" stylesheet " href =" https://matcha.mizu.sh/@syntax-highlighting.css " >
!important tidak akan pernah digunakan untuk memastikan pengguna dapat dengan mudah mengganti gayaProyek ini dipisahkan menjadi tiga direktori utama:
/api untuk fungsi tanpa server dijalankan di Vercel/app untuk titik masuk, aset statis, dan skrip membangun/styles untuk file sumber CSS/stylesSetiap subdirektori dalam folder ini dimaksudkan untuk sebagian besar mandiri dan terselubung. Ini membantu menjaga basis kode tetap teratur sementara juga memungkinkan pengguna untuk memilih ceri fitur spesifik dan membuat build khusus.
Fitur tambahan harus diawali menggunakan karakter @ dan kemungkinan besar harus dikecualikan secara default di pembangun untuk menghindari kembung pembuatan default.
Saat mengirimkan permintaan tarik, pratinjau akan tersedia di Vercel. Pemelihara dan kontributor lain dapat meninjau perubahan dan memberikan umpan balik sebelum bergabung.
Pengembangan lokal dimaksudkan untuk dilakukan dengan menggunakan runtime Deno. Jika Anda tidak ingin menginstalnya, Anda juga dapat menggunakan konfigurasi DevContainer yang disediakan untuk menjalankan proyek di lingkungan yang dikemas atau langsung di github codespaces.
Untuk memulai server pengembangan, jalankan perintah berikut:
deno task serveSebelum mengirimkan perubahan Anda, pastikan semuanya diformat dengan benar dengan menjalankan perintah berikut:
deno task fmt MIT License
Copyright (c) 2024-present Simon Lecoq (lowlighter)
