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.
IE / Edge
|IE10, IE11, Edge||last 2 versions||last 2 versions||last 2 versions|
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
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:
git commit -m "Fix bugs and update button colors."
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.
Borrowed some handy class names from Bootstrap.
Re-implemented these awesome Hamburgers to avoid code repetition & modified the values to blend with our nav.
You can freely use FontAwesome or any other font icons out there.