Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

The Semantic CSS Grid: Page Layout for Tomorrow

branch: master

This branch is 0 commits ahead and 0 commits behind master

Created Sylus version

-Moved files to less dir
-Removed ds_store and added it to gitignore
latest commit 6317823deb
Dharmesh Malam authored August 24, 2011
Octocat-spinner-32 less Created Sylus version August 24, 2011
Octocat-spinner-32 stylus Created Sylus version August 24, 2011
Octocat-spinner-32 .gitignore Created Sylus version August 24, 2011
Octocat-spinner-32 LICENSE.txt Updating license filename, correcting typo in nested example August 11, 2011
Octocat-spinner-32 README.md Created Sylus version August 24, 2011
README.md

About

The Semantic Grid System is a modern approach to the CSS grid. It allows you to set column and gutter widths, choose the number of columns, and switch between pixels and percentages, and achieve responsive layouts, all without any ugly .grid_x classes in your markup. It is powered by LESS.js or Stylus

It lives on the web at Semantic.gs.

Structure

Stylus / less versions are available at /css/grid. You just need to import the grid via a

@import 'path/to/grid.less';

or for the Stylus version

@import 'path/to/grid.styl'

Check the examples out. For the Stylus version there is a script that compiles the *.styl into css for each example. Run via

./compile.sh

Make sure you have Stylus installed globally

npm -g stylus

Issues

If you spot any issues or have ideas for improvement, feel free to file a ticket or fork on GitHub and issue a pull request.

License

Licensed under Apache 2.0. See LICENSE

Created by

The Semantic Grid System was built by Tyler Tate at TwigKit. Stylus port added by Dharmesh Malam

Something went wrong with that request. Please try again.