application.css

/* rules generated by blueprint typography mixin: */

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333333;
  font-size: 75%;
  background: #f9f9ee;
  height: 100%; }
  body h1 {
    font-weight: normal;
    color: #222222;
    font-size: 3em;
    line-height: 1;
    margin-bottom: 0.5em; }
    body h1 img {
      margin: 0; }
  body h2 {
    font-weight: normal;
    color: #222222;
    font-size: 2em;
    margin-bottom: 0.75em; }

/*
 * overriding the above rules requires needless scoping
 * since everything is under "body"
 *
 * this will not work, the above rules are too specific: 
 */
h1 { font-weight: bold }

application.sass

// currently:

@import blueprint/screen.sass
body
  +blueprint-typography


// suggestion 1, using proposed sass top-level mixins:

@import blueprint/screen.sass
+blueprint-typography


// suggestion 2, refactoring blueprint files:

@import blueprint/screen.sass
@import blueprint/base/typography.sass

// (screen.sass could include these base files by default)

base-_typography.sass

// proposed for suggestion 2: no mixin for baseline rules

body
  +normal-text
  :font-size 75%
h1
  +header-text
  :font-size 3em
  :line-height 1
  :margin-bottom 0.5em
  img
    :margin 0
h2
  +header-text
  :font-size 2em
  :margin-bottom 0.75em
h3
  +header-text
  :font-size 1.5em
  :line-height 1
  :margin-bottom 1em