Coraline
An alternative CSS only framework. Coraline comes with multiple components and class helpers.
⭐️ Give me a star if you like this project :D
Quick start
You can use the CDN for a quick start:
<!-- import the styles from cdn -->
Easy to install
You can install the framework from npm or download the current version here. Then just import the minified CSS file into your project.
NPM
npm install coralinecss
Here is a code snippet:
<!-- import the styles -->
Components
Coraline includes the following list of components:
Elements
Coraline includes the following list of elements:
Grid system
A grid system designed for being simple, legible and easy to learn. Here is a little code sample:
... ...
For defining the columns size on mobile and tablet just add:
... ...
And same on large screen devices:
... ...
Lightweight
The whole framework is just 15K size minified.
Built with
- Flexbox Flexible Box Module
- Autoprefixer for better browser support
- CSSO CSS compressor
- Sass Syntactically Awesome Style Sheets
Browser Support
Coraline is compatible with recent versions of:
- Firefox
- Chrome
- Safari
- Edge
- Opera
- Partial support for Internet Explorer
Documentation
Currently working to improve the documentation. The docs are generated using Nunjucks and saved to ../coraline-docs/.
License
This library is licensed under MIT license
. View license.