Cirrus
Gamma 8
Средняя структура SCSS-ориентированной, ориентированной на компонент и уход, предназначенную для быстрого прототипирования. Используйте красивые предварительно построенные компоненты, чтобы загрузить свои следующие занятия по проекту и утилиты, чтобы отполировать свой окончательный дизайн.
Проверьте документы »
Запрос функции / сообщить об ошибке / примерах
Cirrus полагается на то, какие CSS префикс? Чтобы определить, какие селекторы нуждаются в префиксах.
Т.е. / Edge | Firefox | Хром | Сафари | Опера | Электрон |
|---|---|---|---|---|---|
| IE11, Edge | Последние 3 версии, ESR | Последние 3 версии | Последние 3 версии | Последние 3 версии | Последние 3 версии |
npm install cirrus-uiyarn add cirrus-uiДля CDN рекомендуется прикрепить определенные версии к URL -адресам, чтобы избежать неожиданных обновлений, чтобы поддерживать согласованность в вашем проекте.
Пожалуйста, не ссылайтесь на артефакты dist Polder напрямую, так как они могут быть изменены в любое время.
< 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 | Компоненты Cirrus для vue.js с простым синтаксисом |
| Циррус-блоки | Коллекция красивых компонентов, построенных с Cirrus, готовым к скопированию и вставленной. |
| Cirrus-Reset | Простой CSS сброс из Cirrus. |
Cirrus лицензирован по лицензии MIT. Если эта кадрская работа помогла вам каким -либо образом, атрибуция в нижнем колонтитуле вашего сайта будет очень оценен.
Прочитайте наше руководство по вклад и улучшите Cirrus вместе.
Мы приветствуем все вклад. Пожалуйста, прочитайте наш Appling.md в первую очередь. Вы можете отправить любые идеи в качестве запросов на привлечение или в качестве вопросов GitHub. Если вы хотите улучшить код, ознакомьтесь с инструкциями по разработке и хорошо проведите время! :)
При создании проблем, пожалуйста, следуйте выбравшимся вами шаблонах для выбранного вами типа проблемы. Добавленная деталь и форматирование помогут мне понять и решить вашу проблему быстрее.
Я бы очень признателен за любую поддержку для дальнейшего развития этого проекта. ?
