A responsive CSS framework without jQuery
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
dist
docs
src
.babelrc
.eslintrc.json
.gitattributes
.gitignore
.sass-lint.yml
.travis.yml
LICENSE
README.md
gulpfile.js
package.json

README.md

Carverous - Responsive CSS Framework Without jQuery

Overview

A responsive front-end framework that was started off from scratch for simple web layout projects. It doesn't require any third-party JS library such as jQuery. It is developed having a mobile first approach in mind, meaning the code is designed to prioritize mobile devices first and then adjust the components as the screen scales up.

npm contributions welcome Language: American English

Browsers Support

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Opera
Opera
IE10, IE11, Edge last 2 versions last 2 versions last 2 versions

Usage

Download or clone. Inside the dist folder, you will find the compiled and minified files. You will see a directory structure like this:

dist/
├── css/
│   ├── carverous.css
│   ├── carverous.min.css
│   ├── carverous-grid.css
│   ├── carverous-grid.min.css
│   └── ...
├── fonts/
│   └── ...
└── js/
    ├── carverous.js
    └── carverous.min.js

Simply link the css & js files you need in your html code. For example:
Inside the head tag, put <link rel="stylesheet" href="css/carverous.min.css">
Above the closing body tag, put <script src="js/carverous.min.js"></script>

Contributing

Make sure that Git, Node.js, and npm are installed. Fork the repository.

Then in the terminal:

git clone <your-forked-repo-url>
cd carverous
npm install
npm install gulp-cli -g

Run the default task from the gulpfile.js . Simply run in the terminal:

gulp

All the Sass/SCSS & JavaScript code are located inside the src folder. Feel free to help out. American English is used all across the entire project for consistency. Make sure your commit messages are in present tense.

This: git commit -m "Fix bugs and update button colors."
Not this: git commit -m "Fixed bugs and updated button colours."

Push your changes and make a pull request. I will verify and do the code minification and versioning.

To Do

  • Documentation

Credits