A lightweight, responsive css boilerplate for Lightwell's web projects.
See the sample at lightwell3d.github.io
You can obtain the source code either by cloning this repository or by copying Stabilized.css from the css subdirectory in this project into your stylesheet directory. Include the following in your HTML:
<link rel="stylesheet" type="text/css" href="your/path/to/Stabilized.css">
If you want to support our CSS hacks for IE 8 and below, you will need to include the following doctype and following code right at the top of your html:
<!DOCTYPE html>
<!-- Internet explorer Hacks--><!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
This will include the appropriate classes for us to detect the Internet Explorer browser version and change how the grid functions appropriately.
Stabilized is written using SASS. Builds are managed with Grunt, so you will need to have NodeJS and Grunt installed on your machine to build these files. You will also need Compass to compile the CSS.
First, go to nodejs.org and download and install Node. A download link is right in the middle of the Node homepage. Next, type the following lines into a new terminal window:
$ npm install -g grunt-cli
$ gem update --system
$ gem install compass modular-scale sass
Now, clone the repository in whatever working directory you would like:
$ cd ~/path/to/your/preferred/directory
$ git clone https://github.com/lightwell3d/Stabilized.git
$ cd Stabilized
Install dependencies and run the grunt build task:
$ npm install
$ grunt build
You should see that the css directory has been rebuilt from the source code and contains a new Stabilized.css file.
Running the grunt watch task with
$ grunt watch
will monitor app/*.jade and the entire app/sass directory for changes. Any time one of these files is updated, Grunt will rebuild the stylesheets in the css directory.
Lightwell Modifications:
Copyright (C) 2013 Lightwell - Released under the MIT License.
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.