search

Compass / compass

Compass is no longer actively maintained. Compass is a Stylesheet Authoring Environment that makes your website design simpler to implement and easier to maintain.
http://compass-style.org
Other
6.73k stars 1.18k forks source link

$relative-font-sizing: false does not change unit to px #716

Closed bookcasey closed 12 years ago

bookcasey commented 12 years ago

I'm struggling with a problem using $relative-font-sizing.

This:

@import compass/reset
@import compass/typography/vertical_rhythm

$base-font-size: 16px
$base-line-height: 24px
$relative-font-sizing: false

+establish-baseline()

h1
  +adjust-font-size-to(48px)

Outputs:

h1 {
  font-size: 3em;
  line-height: 4.5em;
}

Which I find inexplicable. It only differs in line-height from $relative-font-sizing: true when it should output _absolute pixes_ [sic].

chriseppstein commented 12 years ago

Ah, you need to set configuration variable before you import. http://compass-style.org/help/tutorials/configurable-variables/