Skip to content
This repository has been archived by the owner on Nov 9, 2017. It is now read-only.

jonikorpi/Golden-Grid-System

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

74 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Golden Grid System

A fluid-width grid system composed out of 18 even columns, two of which are used as outer margins, leaving 16 columns for use in design, which in turn can be combined into 8 columns or 4 columns as needed. They could also be doubled into 32 columns, but I don't think anyone needs a grid for 5000 CSS-px wide sites.

See http://www.jonikorpi.com/golden-grid-system/ for more details.

File list

  • GGS.html contains the required markup (namely the meta viewport tag) and a simple demo.
  • GGS.css contains the meat of GGS, with some demo code filled in. Details about its contents are scattered in CSS comments throughout the file.
  • GGS.less is the LESS source of GGS.css. It offers some customization for power users, and works as a nice starting point for LESS users.
  • GGS.scss is the same as GGS.less, but written in SCSS instead. Contributed by mikker.
  • GGS.js contains Golden Gridlet, a script that overlays the GGS grid and a baseline grid of 1.5em onto the page. Can be customized around the top of the file. Powered by the Ender library.
  • goldengridsystem.com/ contains the source of the GGS site.

Credits

Developed by Joni Korpi / @jonikorpi. Licensed under MIT.

About

A folding grid for responsive design.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published