Skip to content

Instantly share code, notes, and snippets.

@lmarburger
Created July 4, 2009 13:17
Show Gist options
  • Save lmarburger/140577 to your computer and use it in GitHub Desktop.
Save lmarburger/140577 to your computer and use it in GitHub Desktop.
!blueprint_grid_columns = 30
!blueprint_grid_width = 30px
!blueprint_grid_margin = 10px
@import blueprint/reset.sass
@import blueprint
+blueprint
// Mixins
=flatten_list
:margin 0
:list-style none
=hide_text
:text-indent -9999px
/*********************************************
Here is where the Blueprint styles would be.
*********************************************/
body { background: url(../images/background.jpg?1246649143) center top no-repeat; }
ol { margin: 0; list-style: none; }
#content { width: 1190px; margin: 0 auto; overflow: hidden; display: inline-block; background: url(../images/grid.png?1246647021); }
#content { display: block; }
#content #header { display: inline; float: left; margin-right: 0; width: 190px; background: url(../images/header_background.png?1246649311) right top repeat-y; height: 768px; }
* html #content #header { overflow-x: hidden; }
#content #header h1 { text-indent: -9999px; background: url(../images/logo.png?1246648002) 10px top no-repeat; height: 74px; }
#content #header address { display: inline; float: left; margin-right: 10px; width: 150px; float: right; margin-right: 5px; padding-right: 5px; border-top: 1px solid #969696; background-color: #F5F5F5; font-size: 10px; text-align: right; font-style: normal; }
* html #content #header address { overflow-x: hidden; }
#content #header address .org { display: none; }
#content #header address .tel { font-size: 18px; display: block; }
#content #header address .street-address { display: block; }
#content #header address abbr { border: none; }
#content #main { display: inline; float: left; margin-right: 0; width: 830px; background: #000; height: 700px; }
* html #content #main { overflow-x: hidden; }
@import base.sass
body
:background = image_url("background.jpg") "center top no-repeat"
ol
+flatten_list
#content
+container
+showgrid
#header
+column(5, true)
:background = image_url("header_background.png") "right top repeat-y"
:height 768px
h1
+hide_text
:background = image_url("logo.png") "10px top no-repeat"
:height 74px
address
+column(4)
:float right
:margin-right 5px
:padding-right 5px
:border-top 1px solid #969696
:background-color #F5F5F5
:font-size 10px
:text-align right
:font-style normal
.org
:display none
.tel
:font-size 18px
:display block
.street-address
:display block
abbr
:border none
#main
+column(21, true)
:background #000
:height 700px
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment