Unduh unitscss - Unduh Kode Sumber unitscss

unitscss

Komponen pihak ketiga

v0.1.17

Unduh

Unit

Set komponen sederhana dan indah.

https://unitscss.com/

Dokumen

Bahasa Inggris / 日本語

Fitur

Unit adalah set komponen yang sederhana dan indah. Yang harus Anda lakukan hanyalah memuat file CSS, menyalin dan menempel cuplikan, sangat mudah sehingga dapat digunakan siapa pun.

Gunakan dengan cepat
Yang harus Anda lakukan hanyalah menempatkan unit.css. Beberapa komponen telah disiapkan dan Anda dapat memilih komponen yang ingin Anda gunakan dan menerapkannya di situs web Anda.
Sederhana dan indah
Setiap komponen dirancang dengan indah. Desain akan diperbarui secara berkala, kami tidak akan menerapkan perubahan besar, tetapi hanya menerapkan perubahan kecil seperti menyesuaikan margin.
Mendukung browser modern
Unit dioptimalkan untuk digunakan pada browser modern seperti Microsoft Edge, Google Chrome, Firefox, Safari, bagaimana dengan browser lama? ... Saya minta maaf.
Desain Web Responsif
Kami menggunakan desain web yang responsif untuk menampilkan desain yang dioptimalkan pada semua perangkat.
Pembaruan Berkala
Unit masih merupakan versi beta, itu akan diperbarui secara berkala ke versi utama. Unitil Versi utama, kami akan menambahkan komponen baru, mengoptimalkan kode sumber, menyesuaikan desainnya.
Mendukung bahasa Jepang
Karena pengembang adalah orang Jepang yang dapat kami dukung dalam bahasa Jepang. Kami telah mengoptimalkan halaman web dan memperbarui dokumen yang ditulis dalam bahasa Jepang.

Instalasi

Unit itu sendiri dapat diunduh dari Github dengan mengkloningnya atau sebagai format zip, atau Anda dapat mengunduhnya melalui NPM.

$ git clone https://github.com/kokushin/unitscss.git

$ npm install unitscss --save

Mari kita muat file yang diperlukan.

 < link rel =" stylesheet " href =" https://fonts.googleapis.com/css?family=Roboto:400,700 " >
< link rel =" stylesheet " href =" path/to/units.min.css " >

< script src =" path/to/units.min.js " > </ script >

Penggunaan

Tulis cuplikan HTML yang tepat dan berikan kelas yang tepat dimulai dengan uc- . Misalnya dalam sampel di bawah ini Anda dapat membuat komponen kartu yang terpasang dengan gambar tertutup.

 < div class =" uc-card _float " >
  < div class =" uc-card-image " style =" background-image:url(https://source.unsplash.com/random) " > </ div >
  < h3 class =" uc-card-title " > Sample card </ h3 >
  < p > Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur, et. </ p >
  < div class =" uc-btn _primary " > < a href =" # " > Button </ a > </ div >
</ div >