My custom HTML / CSS framework
JavaScript
Switch branches/tags
Nothing to show
Pull request Compare This branch is 1 commit ahead, 6 commits behind manikrathee:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
js/libs
404.html
apple-touch-icon-114x114-precomposed.png
apple-touch-icon-57x57-precomposed.png
apple-touch-icon-72x72-precomposed.png
apple-touch-icon-precomposed.png
apple-touch-icon.png
favicon.ico
humans.txt
index.html
readme
robots.txt

readme

FUTURE GS
Responsive, Fluid, Fully Semantic Framework & Grid System

Responsive and fluid css grid for futureproof layouts with completely semantic markup.

Inspired by Twitter Bootstrap, 1140gs, Semantic.gs, H5BP & Daniel Ryan's CSS Smart Grid.

Built by:
Manik Rathee / www.manikrathee.com / @manikrathee
Chris Wolff / www.chriswolffdevelopment.com / @seawolff

Using FutureGS
Style.less 
- compiles to style.css
- This should be used as your standard stylesheet

Layout.less
- contains structural styles
- Instead of having <nav id="main-navigation" class="three columns">, you can have <nav id="main-navigation">
- Then, define nav#main-naviation in layout:
		nav#main-navigation{
			.three (@breakpoint);
		}
- .three is the column number, @breakpoint will define the mobile, table and desktop sizes for that column width.

Normalize.less
- Replaced the standard H5BP CSS reset

Core.less
- Contains main styles repeated across projects
- Has classes like .ir, ::selection, base body typography and image max widths