Cirrus
Gamma 8
Kerangka kerja SCSS komponen-dan-utilitas-sentris yang dirancang untuk prototipe cepat. Gunakan komponen yang sudah dibangun sebelumnya untuk bootstrap proyek dan kelas utilitas Anda berikutnya untuk memoles desain akhir Anda.
Lihat dokumen »
Minta fitur / Laporkan bug / contoh
Cirrus bergantung pada CSS apa yang di awing? Untuk menentukan pemilih mana yang membutuhkan awalan.
Yaitu / tepi | Firefox | Chrome | Safari | Opera | Elektron |
|---|---|---|---|---|---|
| IE11, Edge | 3 versi terakhir, ESR | 3 versi terakhir | 3 versi terakhir | 3 versi terakhir | 3 versi terakhir |
npm install cirrus-uiyarn add cirrus-uiUntuk CDN, disarankan untuk melampirkan versi spesifik ke URL untuk menghindari pembaruan yang tidak terduga untuk mempertahankan konsistensi dalam proyek Anda.
Harap jangan merujuk artefak folder dist secara langsung karena ini dapat berubah kapan saja.
< link rel =" stylesheet " href =" https://unpkg.com/cirrus-ui " > < link rel =" stylesheet " href =" https://www.jsdelivr.com/package/npm/cirrus-ui " >Lihat panduan pengaturan untuk informasi lebih lanjut.
<!DOCTYPE html >
< html >
< head >
< title > Hello World </ title >
< meta name =" viewport " content =" width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0 " />
< meta charset =" UTF-8 " />
< meta http-equiv =" X-UA-Compatible " content =" IE=edge; " />
< link href =" https://unpkg.com/cirrus-ui " type =" text/css " rel =" stylesheet " />
< link href =" https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,400,600,700 " rel =" stylesheet " />
< link href =" https://fonts.googleapis.com/css?family=Montserrat:400,700 " rel =" stylesheet " />
</ head >
< body >
< h1 > Hello World </ h1 >
</ body >
</ html > import { StrictMode } from "react" ;
import ReactDOM from "react-dom" ;
import App from "./App" ;
import 'cirrus-ui' ; // You can import it here if you want
const rootElement = document . getElementById ( "root" ) ;
ReactDOM . render (
< StrictMode >
< App />
</ StrictMode > ,
rootElement
) ; import Vue from 'vue' ;
import App from './App.vue' ;
import 'cirrus-ui' ;
Vue . config . productionTip = false ;
new Vue ( {
render : ( h ) => h ( App ) ,
} ) . $mount ( '#app' ) ; import App from "./App.svelte" ;
import "cirrus-ui" ;
const app = new App ( {
target : document . body
} ) ;
export default app ; @use " node_modules/cirrus-ui/src/cirrus-ext " as * with (
$config : (
excludes: (
ABSOLUTES,
),
opacity : null, // Disable default opacity classes
extend: (
// Add your own
opacity : (
25 : .25 ,
50 : .5 ,
75 : .75 ,
)
)
),
);Lihat panduan pengaturan untuk informasi lebih lanjut.
Gunakan GitPod, lingkungan dev online gratis untuk GitHub.
Atau klon secara lokal:
$ git clone [email protected]:Spiderpig86/Cirrus.git
$ cd cirrus
$ yarn install
$ yarn watchcore dan ext .| Proyek | Keterangan |
|---|---|
| Vue-Cirrus | Komponen cirrus untuk vue.js dengan sintaks langsung |
| blok cirrus | Koleksi komponen indah yang dibangun dengan cirrus yang siap disalin dan ditempel. |
| Cirrus-Reset | Reset CSS sederhana dari Cirrus. |
Cirrus dilisensikan di bawah lisensi MIT. Jika kerangka kerja ini telah membantu Anda dengan cara apa pun, atribusi di footer situs web Anda akan sangat dihargai.
Baca panduan berkontribusi kami dan tingkatkan cirrus bersama.
Kami menyambut semua kontribusi. Harap baca contributing.md kami terlebih dahulu. Anda dapat mengirimkan ide apa pun sebagai permintaan tarik atau sebagai masalah github. Jika Anda ingin meningkatkan kode, lihat instruksi pengembangan dan bersenang -senang! :)
Saat membuat masalah, silakan ikuti templat yang disediakan untuk jenis masalah yang Anda pilih. Detail dan pemformatan yang ditambahkan akan membantu saya memahami dan menyelesaikan masalah Anda lebih cepat.
Saya akan sangat menghargai dukungan apa pun untuk pengembangan proyek ini yang berkelanjutan. ?
