GroundworkCSS v1.10.0 ==== Say hello to responsive design made easy. [http://groundwork.sidereel.com](http://groundwork.sidereel.com) [GroundworkCSS](http://groundwork.sidereel.com) is a fully responsive HTML5, CSS and Javascript toolkit created by [@ghepting](http://twitter.com/ghepting). Using GroundworkCSS, you can rapidly prototype and build accessible web apps that work on virtually any device. Key features that make GroundworkCSS stand out are: * nestable, fractions-based, fluid grid system * works on virtually anything: mobile, tablet, or large screen devices * built with modular SCSS and JS components * easy to customize * responsive text * unique approach to responsive tables * supports purely semantic implementations by utilizing Sass @extend, @mixin and %placeholder classes Getting Started using GroundworkCSS ==== Default Build ---- The easiest way to incorporate GroundworkCSS into your project is to copy the pre-compiled CSS and JS files into your project, and then refer to them in markup. The 2 most important files are: * css/groundwork.css * js/groundwork.all.js In addition, these support files may be used: * css/groundwork-ie.css (IE Compatibility) * js/libs/html5shiv.min.js (IE Compatibility) * css/font-awesome-ie7.min.css (IE Compatibility) * js/plugins/jquery.cycle2.js (Required for Cycle2) All in all, you may end up with markup that looks like the following: **At the top of your HTML document (within the head section)** **At the bottom of your HTML document (just before your closing body tag)** Custom Build ---- If you use SCSS and you want to compile your own build of groundwork you can do so (good if you need lean CSS output for your site). SCSS source files are located in **src/scss**. Important files to edit are: * groundwork.scss: dictates which modules are imported for compilation (delete/comment out unneeded modules). * _variables.scss: initial settings for GroundworkCSS, including whether to generate grid/helper classes or not. You can then output your own groundwork.css, or import groundwork.scss as part of your project's SCSS. The latter lets you utilise GroundworkCSS's library through ```@include``` or ```@extend``` for your custom classes. Want to develop on and contribute to GroundworkCSS? ---- Read [Contributing to Groundwork](https://github.com/groundworkcss/groundwork/wiki/Contributing-to-Groundwork) and fork away! :)