Cirrus
Gamma 8
專為快速原型製作而設計的以組件和實用性為中心的SCSS框架。使用精美的預構建組件來引導您的下一個項目和公用事業課程，以拋光您的最終設計。
查看文檔»
請求功能 /報告錯誤 /示例
cirrus依賴於哪些CSS前綴？確定哪些選擇器需要前綴。
即 /邊緣 | Firefox | 鉻合金 | 野生動物園 | 歌劇 | 電子 |
|---|---|---|---|---|---|
| IE11，邊緣 | 最後3個版本，ESR | 最後3個版本 | 最後3個版本 | 最後3個版本 | 最後3個版本 |
npm install cirrus-uiyarn add cirrus-ui對於CDN，建議將特定版本附加到URL上，以避免意外的更新以保持項目的一致性。
請不要直接引用dist文件夾偽像，因為這些文件夾隨時可能會更改。
< link rel =" stylesheet " href =" https://unpkg.com/cirrus-ui " > < link rel =" stylesheet " href =" https://www.jsdelivr.com/package/npm/cirrus-ui " >查看“設置指南”以獲取更多信息。
<!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 ,
)
)
),
);查看“設置指南”以獲取更多信息。
使用GitPod，github的免費在線開發環境。
或本地克隆：
$ git clone [email protected]:Spiderpig86/Cirrus.git
$ cd cirrus
$ yarn install
$ yarn watchcore和ext文件。| 專案 | 描述 |
|---|---|
| Vue-Cirrus | vue.js的cirrus組件具有直接語法 |
| cirrus塊 | 一系列具有捲心菜的美麗組件，準備被複製和粘貼。 |
| cirrus-reset | 一個簡單的CSS重置來自Cirrus。 |
Cirrus已獲得MIT許可證的許可。如果此框架工作以任何方式為您提供了幫助，那麼您網站頁腳的歸因將不勝感激。
閱讀我們的貢獻指南，並共同改善捲軸。
我們歡迎所有貢獻。請先閱讀我們的貢獻。您可以提交任何想法作為拉的請求或GitHub問題。如果您想改進代碼，請查看開發說明並度過美好的時光！ :)
創建問題時，請遵循您選擇的問題類型提供的模板。附加的細節和格式將幫助我更快地理解和解決您的問題。
我非常感謝對該項目持續開發的任何支持。 ？
