diff --git a/frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass b/frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass index a8cee482..77ae86d1 100644 --- a/frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass +++ b/frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass @@ -1,7 +1,8 @@ -/* +@import typography.sass + +// To install the fancy type plugin: - 1. import the fancy_type module: - @import blueprint/modules/fancy_type + 1. import the fancy_type module: @import blueprint/modules/fancy_type 2. mixin +fancy-type to your project's body or at the top level of your stylesheet: body +fancy-type @@ -15,7 +16,7 @@ .alt +alt -/* Indentation instead of line shifts for sibling paragraphs. Mixin to a style like p + p +// Indentation instead of line shifts for sibling paragraphs. Mixin to a style like p + p =sibling-indentation :text-indent 2em :margin-top -1.5em @@ -23,7 +24,7 @@ form & :text-indent 0 -/* +// For great looking type, use this code instead of asdf: asdf Best used on prepositions and ampersands. @@ -34,7 +35,7 @@ :font-style italic :font-weight normal -/* +// For great looking quote marks in titles, replace "asdf" with: asdf” (That is, when the title starts with a quote mark). @@ -42,7 +43,7 @@ =dquo(!offset = 0.5em) :margin-left -!offset -/* +// Reduced size type with incremental leading (http://www.markboulton.co.uk/journal/comments/incremental_leading/) @@ -56,12 +57,12 @@ font_size - The desired font size in pixels. This will be converted to ems for you. Defaults to 10px. base_font_size - The base font size in pixels. Defaults to 12px old_line_height - The old line height. Defaults to 1.5 times the base_font_size -=incr(!font_size = 10px, !base_font_size = 12px, !old_line_height = !base_font_size * 1.5) +=incr(!font_size = 10px, !base_font_size = !blueprint_font_size, !old_line_height = !base_font_size * 1.5) :font-size= 1em * !font_size / !base_font_size :line-height= 1em * !old_line_height / !font_size * 4 / 5 :margin-bottom 1.5em -/* +// Surround uppercase words and abbreviations with this class. Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] =caps diff --git a/frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass b/frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass index ec36f2db..bb11783e 100644 --- a/frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass +++ b/frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass @@ -4,6 +4,7 @@ !blueprint_font_family ||= "Helvetica Neue, Arial, Helvetica, sans-serif" !blueprint_fixed_font_family ||= "'andale mono', 'lucida console', monospace" +!blueprint_font_size ||= 12px // The +blueprint-typography mixin must be mixed into the top level of your stylesheet. // However, you can customize the body selector if you wish to control the scope @@ -43,10 +44,10 @@ =loud :color= !loud_color -=blueprint-typography-body +=blueprint-typography-body(!font_size = !blueprint_font_size) :line-height 1.5 +normal-text - :font-size 75% + :font-size= 100% * !font_size / 16px =blueprint-typography-defaults h1