Skip to content

Instantly share code, notes, and snippets.

@hannahwhy
Created July 15, 2009 06:10
Show Gist options
  • Save hannahwhy/147509 to your computer and use it in GitHub Desktop.
Save hannahwhy/147509 to your computer and use it in GitHub Desktop.
<html>
<head>
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
Header
</div>
<div id="sidebar">
Sidebar
</div>
<div id="content">
Content
</div>
<div id="updates">
Updates
</div>
<div id="footer">
Footer
</div>
</div>
</body>
</html>
@import blueprint/reset.sass
@import blueprint/modules/liquid.sass
!blueprint_grid_columns = 24
!sidebar_columns = 4
!content_columns = 16
#container
+container
#header, #footer
+column(!blueprint_grid_columns, true)
#sidebar
+column(!sidebar_columns)
#content
+column(!content_columns)
#updates
+column(!sidebar_columns, true)
+pull(1)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment