A set of tools for quick development of web interfaces.
npm install cecilia-css!npm
!gzip size
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
1. Getting Started
1. Browser Support
1. Development
1. Contributing
1. Questions
1. Changelog
1. License
The easiest and fastest way.
``
Install Cecilia CSS from npm.
`sh`
npm i cecilia-css
Link the CSS into your page.
`
Install Cecilia CSS from Yarn.
`sh`
yarn add cecilia-css
Link the CSS into your page.
`
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.
`
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 ~