Simple Responsive CSS Framework
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.
artwork
css
docs
docs_src
js
less
.gitattributes
.gitignore
LICENSE.txt
README.md
gulpfile.js
package-lock.json
package.json

README.md

fusionCSS

fusionCSS V3.1.1

http://fusioncss.com

fusionCSS is a simple responsive HTML5 and CSS toolkit supporting nested grids created by @paularlott.

You can use fusionCSS to rapidly prototype and build responsive web pages and apps that work across a wide range of devices. The key features of fusionCSS are:

  • Nestable fluid grid system
  • Works on virtually anything
  • Built with LESS
  • Minimal, fusionCSS doesn't try to do design for you
  • Native support for fusionCSS in fusionLib and clearFusionCMS

Getting Started with fusionCSS

Default Build

The easiest way to start using fusionCSS within your projects is to copy the pre-compiled CSS and JavaScript files into your project and reference them:

  • css/fusion.min.css
  • js/fusionCSS.js

Within the head section of your HTML document you should have:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script type="text/javascript" src="js/fusionCSS.js"></script>

Custom Build

To build a fusionCSS, edit the .less files within the less folder and then:

  • Invoke gulp, the default operation will compile the less files and minimise the JavaScript, the output will be placed into the css and js folders.