5a015b3824
This function works like image_url() in that it expects the image to be a path relative to the images directory. There are clear advantages and disadvantages to this approach. See http://en.wikipedia.org/wiki/Data_URI_scheme for more details. NOTE: Neither IE6 nor IE7 support data urls. Using this approach with large images is discouraged.
71 lines
1.1 KiB
Sass
71 lines
1.1 KiB
Sass
@import blueprint.sass
|
|
@import blueprint/modules/fancy_type.sass
|
|
@import blueprint/modules/scaffolding.sass
|
|
@import compass/reset.sass
|
|
|
|
+blueprint-typography("body.blueprint")
|
|
|
|
body.blueprint
|
|
+blueprint-scaffolding-body
|
|
.container
|
|
+container
|
|
.showgrid
|
|
:background= inline_image("grid.png")
|
|
hr
|
|
+colruler
|
|
hr.space
|
|
+colspacer
|
|
|
|
img#w3c
|
|
:margin-top 0
|
|
:padding-top 0
|
|
|
|
body#index
|
|
#page-header
|
|
+span(6)
|
|
#files-header
|
|
+span(8)
|
|
#description-header
|
|
+span(10)
|
|
#info
|
|
+box
|
|
ul
|
|
:margin-bottom 0
|
|
:padding-bottom 0
|
|
|
|
body#sample
|
|
+fancy-paragraphs
|
|
h2
|
|
+alt
|
|
#first-box
|
|
+column(7)
|
|
+colborder
|
|
#another-box
|
|
+column(8)
|
|
+colborder
|
|
#aligned-box
|
|
+column(7, true)
|
|
#main
|
|
+column(15)
|
|
+prepend(1)
|
|
+colborder
|
|
img#test
|
|
+pull(1)
|
|
:margin-top 0
|
|
:padding-top 0
|
|
em.caps
|
|
+reset-font
|
|
+caps
|
|
#nested-1
|
|
+column(7)
|
|
+colborder
|
|
#nested-2
|
|
+column(7, true)
|
|
#sidebar
|
|
+column(7, true)
|
|
h3
|
|
em
|
|
+reset-font
|
|
+alt
|
|
#parting-thought
|
|
+alt |