项目作者: SandroMiguel

项目描述 :
Cecilia CSS is a framework based on Bootstrap and Foundation: the best of both worlds.
高级语言: CSS
项目地址: git://github.com/SandroMiguel/cecilia-css.git
创建时间: 2018-06-09T14:11:07Z
项目社区:https://github.com/SandroMiguel/cecilia-css

开源协议:MIT License

下载


Cecilia CSS

Welcome to Cecilia CSS

npm
gzip size
license

About

Cecilia CSS is the CSS framework that I use in my personal projects. While it works, its purpose is to do some experiments while not relying on third-party frameworks, which are constantly changing.

  • lowerCamelCase classes because they are easier to write in React
  • Small file size: ~3kB (minified and gzipped)
  • A responsive grid with 5 breakpoints
  • Built with flexbox
  • There is no JavaScript included
  • Only one dependency: normalize.css

View demo

Table of Contents

  1. Getting Started
  2. Browser Support
  3. Development
  4. Contributing
  5. Questions
  6. Changelog
  7. License

Getting Started

Use from the CDN

The easiest and fastest way.

  1. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cecilia-css">

Install with npm

Install Cecilia CSS from npm.

  1. npm i cecilia-css

Link the CSS into your page.

  1. <link rel="stylesheet" href="public/css/cecilia.min.css">

Install with Yarn

Install Cecilia CSS from Yarn.

  1. yarn add cecilia-css

Link the CSS into your page.

  1. <link rel="stylesheet" href="public/css/cecilia.min.css">

Download

Download the latest release (entire project) or just
the minified file cecilia.min.css

Copy the dist/cecilia.min.css file to your project and link the CSS into your page.

  1. <link rel="stylesheet" href="css/cecilia.min.css">

Browser Support

Only modern browsers

Development

1. Clone this repo

  1. git clone https://github.com/SandroMiguel/cecilia-css.git

2. Install dev dependencies

  1. yarn install

3. Create a branch

  1. git checkout -b branch-name

4. Compile your changes

Compile cecilia.scss file to cecilia.css

  1. yarn build

5. Commit your changes

  1. git commit -m "Added a cool stuff"

6. Push your branch

  1. git push origin my-branch

7. Open a pull request

Open a Pull Request with a clear title and description.

Contributing

Want to contribute? All contributions are welcome. Please read the contributing guide.

Questions

If you have questions tweet me at @sandro_m_m or open an issue.

Changelog

See CHANGELOG.md

License

This project is licensed under the MIT License - see the LICENSE file for details

~ sharing is caring ~