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.
lowerCamelCaseclasses 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
The easiest and fastest way.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cecilia-css">
Install Cecilia CSS from npm.
npm i cecilia-cssLink the CSS into your page.
<link rel="stylesheet" href="public/css/cecilia.min.css">
Install Cecilia CSS from Yarn.
yarn add cecilia-cssLink the CSS into your page.
<link rel="stylesheet" href="public/css/cecilia.min.css">
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.
<link rel="stylesheet" href="css/cecilia.min.css">
Only modern browsers
git clone https://github.com/SandroMiguel/cecilia-css.git
yarn install
git checkout -b branch-name
Compile cecilia.scss file to cecilia.css
yarn build
git commit -m "Added a cool stuff"
git push origin my-branch
Open a Pull Request with a clear title and description.
Want to contribute? All contributions are welcome. Please read the contributing guide.
If you have questions tweet me at @sandro_m_m or open an issue.
See CHANGELOG.md
This project is licensed under the MIT License - see the LICENSE file for details
**~ sharing is caring ~**