chriseppstein-compass 0.1.1 → 0.3.0

data/frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass

@@ -2,10 +2,19 @@
   To install the fancy type plugin:
     1. import the fancy_type module:
       @import blueprint/modules/fancy_type
-    2. mixin +fancy-type to your project's body:
+    2. mixin +fancy-type to your project's body or at the top level of your stylesheet:
       body
         +fancy-type
 
+=fancy-type
+  +fancy-paragraphs
+  .caps
+    +caps
+  .dquo
+    +dquo
+  .alt
+    +alt
+
 /* Indentation instead of line shifts for sibling paragraphs. Mixin to a style like p + p
 =sibling-indentation
   :text-indent 2em
@@ -30,8 +39,8 @@
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). 
   (You may have to change this value depending on your font size).
-=dquo
-  :margin-left -.5em
+=dquo(!offset = 0.5em)
+  :margin-left -!offset
 
 /*
   Reduced size type with incremental leading
@@ -40,20 +49,16 @@
   This could be used for side notes. For smaller type, you don't necessarily want to 
   follow the 1.5x vertical rhythm -- the line-height is too much. 
   
-  Using this class, it reduces your font size and line-height so that for 
+  Using this mixin, reduces your font size and line-height so that for 
   every four lines of normal sized type, there is five lines of the sidenote. eg:
   
-  New type size in em's:
-    10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)
-  
-  New line-height value:
-    12px x 1.5 = 18px (old line-height)
-    18px x 4 = 72px 
-    72px / 5 = 14.4px (new line height)
-    14.4px / 10px = 1.44 (new line height in em's)
-=incr
-  :font-size 10px
-  :line-height 1.44em
+  Arguments:
+    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)
+  :font-size= 1em * !font_size / !base_font_size
+  :line-height= 1em * !old_line_height / !font_size * 4 / 5
   :margin-bottom 1.5em
 
 /*
@@ -74,12 +79,3 @@
   p.incr,
   .incr p
     +incr
-
-=fancy-type
-  +fancy-paragraphs
-  .caps
-    +caps
-  .dquo
-    +dquo
-  .alt
-    +alt

data/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass

@@ -17,20 +17,52 @@
 
 @import compass/utilities/general/clearfix.sass
 
-// Main layout grid, edit these parameters to build your grid and container sizes.
-!layout_grid_columns = 24
-!layout_grid_width = 30px
-!layout_grid_margin = 10px
+// Main layout grid, override these constants to build your grid and container sizes.
+!blueprint_grid_columns ||= 24
+!blueprint_grid_width   ||= 30px
+!blueprint_grid_margin  ||= 10px
+
+!blueprint_grid_outer_width = !blueprint_grid_width + !blueprint_grid_margin
+!blueprint_container_size = !blueprint_grid_outer_width * !blueprint_grid_columns - !blueprint_grid_margin
+
+
+=blueprint-grid
+  // A container should group all your columns
+  .container
+    +container
+    // Use these classes (or mixins) to set the width of a column.
+    @for !n from 1 to !blueprint_grid_columns + 1
+      .span-#{!n}
+        +span(!n)
+      div
+        &.span-#{!n}
+          +column(!n, !n == !blueprint_grid_columns)
+    // The last column in a row needs this class (or mixin) or it will end up on the next row.
+    div.last
+      +last
+    // Add these to a column to append empty cols.
+    @for !n from 1 to !blueprint_grid_columns
+      .append-#{!n}
+        +append(!n)
+    // Add these to a column to prepend empty cols.
+    @for !n from 1 to !blueprint_grid_columns
+      .prepend-#{!n}
+        +prepend(!n)
+    // Use these classes on an element to push it into the
+    // next column, or to pull it into the previous column.
+    @for !n from 1 to !blueprint_grid_columns + 1
+      .pull-#{!n}
+        +pull(!n)
+    @for !n from 1 to !blueprint_grid_columns + 1
+      .push-#{!n}
+        +push(!n)
 
-// Do not edit below this line unless you really know what you're doing.
-!layout_grid_outer_width = !layout_grid_width + !layout_grid_margin
-!layout_grid_size = !layout_grid_width * !layout_grid_columns + (!layout_grid_margin * (!layout_grid_columns - 1))
 
 // Columns
 // Note: If you use this mixin without the class and want to support ie6
 //       you must set text-align left on your container element in an IE stylesheet.
 =container
-  :width = !layout_grid_size
+  :width = !blueprint_container_size
   :margin 0 auto
   +clearfix
 
@@ -41,7 +73,7 @@
     :right 0
 
 =span(!n)
-  :width = !layout_grid_width * !n + (!layout_grid_margin * (!n - 1))
+  :width = !blueprint_grid_width * !n + (!blueprint_grid_margin * (!n - 1))
 
 // Use this mixins to set the width of n columns.
 =column(!n, !last = false)
@@ -50,24 +82,24 @@
   @if !last
     +last
   @else
-    :margin-right = !layout_grid_margin
+    :margin-right = !blueprint_grid_margin
 
 // Mixin to a column to append n empty cols.
 =append(!n)
-  :padding-right = (!layout_grid_outer_width) * !n
+  :padding-right = (!blueprint_grid_outer_width) * !n
 
 // Mixin to a column to prepend n empty cols.
 =prepend(!n)
-  :padding-left = (!layout_grid_outer_width) * !n
+  :padding-left = (!blueprint_grid_outer_width) * !n
 
 // mixin to a column to move it n columns to the left
 =pull(!n, !last = false)
   :float left
   :position relative
   @if !last
-    :margin-left = (-!layout_grid_outer_width * !n) + !layout_grid_margin
+    :margin-left = (-!blueprint_grid_outer_width * !n) + !blueprint_grid_margin
   @else
-    :margin-left = -!layout_grid_outer_width * !n
+    :margin-left = -!blueprint_grid_outer_width * !n
 
 // mixin to a column to push it n columns to the right
 =push(!n)
@@ -75,20 +107,20 @@
   :position relative
   :margin
     :top 0
-    :right = -!layout_grid_outer_width * !n
+    :right = -!blueprint_grid_outer_width * !n
     :bottom 1.5em
-    :left = !layout_grid_outer_width * !n
+    :left = !blueprint_grid_outer_width * !n
 
 // Border on right hand side of a column.
 =border
-  :padding-right = !layout_grid_margin / 2 - 1
-  :margin-right = !layout_grid_margin / 2
+  :padding-right = !blueprint_grid_margin / 2 - 1
+  :margin-right = !blueprint_grid_margin / 2
   :border-right 1px solid #eee
 
 // Border with more whitespace, spans one column.
 =colborder
-  :padding-right= !layout_grid_width - 0.5 * !layout_grid_margin - 1
-  :margin-right= !layout_grid_width - 0.5 * !layout_grid_margin
+  :padding-right= !blueprint_grid_width - 0.5 * !blueprint_grid_margin - 1
+  :margin-right= !blueprint_grid_width - 0.5 * !blueprint_grid_margin
   :border-right 1px solid #eee
 
 // Mixin this to an hr to make a horizontal ruler across a column.
@@ -107,34 +139,3 @@
   +colruler
   :background #fff
   :color #fff
-
-=blueprint-grid
-  // A container should group all your columns
-  .container
-    +container
-    // Use these classes (or mixins) to set the width of a column.
-    @for !n from 1 to !layout_grid_columns + 1
-      .span-#{!n}
-        +span(!n)
-      div
-        &.span-#{!n}
-          +column(!n, !n == !layout_grid_columns)
-    // The last column in a row needs this class (or mixin) or it will end up on the next row.
-    div.last
-      +last
-    // Add these to a column to append empty cols.
-    @for !n from 1 to !layout_grid_columns
-      .append-#{!n}
-        +append(!n)
-    // Add these to a column to prepend empty cols.
-    @for !n from 1 to !layout_grid_columns
-      .prepend-#{!n}
-        +prepend(!n)
-    // Use these classes on an element to push it into the
-    // next column, or to pull it into the previous column.
-    @for !n from 1 to !layout_grid_columns + 1
-      .pull-#{!n}
-        +pull(!n)
-    @for !n from 1 to !layout_grid_columns + 1
-      .push-#{!n}
-        +push(!n)

data/frameworks/blueprint/stylesheets/blueprint/modules/_interaction.sass

@@ -1,55 +1,58 @@
+@import colors.sass
+
+
+=blueprint-interaction
+  .error
+    +error
+  .notice
+    +notice
+  .success
+    +success
+  .hide
+    :display none
+  .highlight
+    +highlight
+  .added
+    +added
+  .removed
+    +removed
+
 =feedback-base
   :padding .8em
   :margin-bottom 1em
-  :border 2px solid #ddd
+  :border= 2px solid !feedback_border_color
 
 =error
   +feedback-base
-  :background= !error_bg_color
-  :color= !error_color
-  :border-color= !error_border_color
+  :background   = !error_bg_color
+  :color        = !error_color
+  :border-color = !error_border_color
   a
-    :color= !error_color
+    :color      = !error_color
 
 =notice
   +feedback-base
-  :background= !notice_bg_color
-  :color= !notice_color
-  :border-color= !notice_border_color
+  :background   = !notice_bg_color
+  :color        = !notice_color
+  :border-color = !notice_border_color
   a
-    :color= !notice_color
+    :color      = !notice_color
 
 =success
   +feedback-base
-  :background= !success_bg_color
-  :color= !success_color
-  :border-color= !success_border_color
+  :background   = !success_bg_color
+  :color        = !success_color
+  :border-color = !success_border_color
   a
-    :color= !success_color
+    :color      = !success_color
 
 =highlight
-  :background #ff0
+  :background = !highlight_color
 
 =added
-  :background #060
-  :color #fff
+  :background = !added_bg_color
+  :color      = !added_color
 
 =removed
-  :background #900
-  :color #fff
-
-=blueprint-interaction
-  .error
-    +error
-  .notice
-    +notice
-  .success
-    +success
-  .hide
-    :display none
-  .highlight
-    +highlight
-  .added
-    +added
-  .removed
-    +removed
+  :background = !removed_bg_color
+  :color      = !removed_color

data/frameworks/blueprint/stylesheets/blueprint/modules/_liquid.sass

@@ -33,28 +33,56 @@
 
 @import compass/utilities/general/clearfix.sass
 
-// Main layout grid, edit these parameters to build your grid and container sizes.
+// Main layout grid, override these constants to build your grid and container sizes.
 // The width shown gives the right floored percentage values.
-!layout_liquid_columns = 24
-!layout_liquid_width = 4.173%
-!layout_liquid_margin = 0.833em
+!blueprint_liquid_grid_columns ||= 24
+!blueprint_liquid_grid_width   ||= 4.173%
+!blueprint_liquid_grid_margin  ||= 0.833em
 
 // Do not edit below this line unless you really know what you're doing.
-!layout_liquid_size = 80%
-!layout_liquid_min_size = 950px
-!layout_liquid_push_pull = -(!layout_liquid_margin * 4)
+!blueprint_liquid_container_width = 80%
+!blueprint_liquid_container_min_width = 950px
+!blueprint_liquid_grid_push_pull = -(!blueprint_liquid_grid_margin * 4)
 
-=block
-  :overflow hidden
+=blueprint-liquid-grid
+  // A container should group all your columns
+  .container
+    +container
+    // Use these classes (or mixins) to set the width of a column.
+    @for !n from 1 to !blueprint_liquid_grid_columns + 1
+      .span-#{!n}
+        +span(!n)
+      div
+        &.span-#{!n}
+          +column(!n, !n == !blueprint_liquid_grid_columns)
+    // The last column in a row needs this class (or mixin) or it will end up on the next row.
+    div.last
+      +last
+    // Add these to a column to append empty cols.
+    @for !n from 1 to !blueprint_liquid_grid_columns
+      .append-#{!n}
+        +append(!n)
+    // Add these to a column to prepend empty cols.
+    @for !n from 1 to !blueprint_liquid_grid_columns
+      .prepend-#{!n}
+        +prepend(!n)
+    // Use these classes on an element to push it into the
+    // next column, or to pull it into the previous column.
+    @for !n from 1 to !blueprint_liquid_grid_columns + 1
+      .pull-#{!n}
+        +pull(!n)
+    @for !n from 1 to !blueprint_liquid_grid_columns + 1
+      .push-#{!n}
+        +push(!n)
 
 =container
-  :min-width= !layout_liquid_min_size
-  :width = !layout_liquid_size
+  :min-width= !blueprint_liquid_container_min_width
+  :width = !blueprint_liquid_container_width
   :margin 0 auto
-  +block
+  +clearfix
 
 =span(!n)
-  :width= (!layout_liquid_width * !n) - ((!layout_liquid_width * !n) % 1)
+  :width= (!blueprint_liquid_grid_width * !n) - ((!blueprint_liquid_grid_width * !n) % 1)
 
 =last
   :margin-right 0
@@ -66,23 +94,23 @@
   @if !last
     +last
   @else
-    :margin-right = !layout_liquid_margin
+    :margin-right = !blueprint_liquid_grid_margin
 
 =append(!n)
-  :padding-right= (!layout_liquid_width * !n) - ((!layout_liquid_width * !n) % 1)
+  :padding-right= (!blueprint_liquid_grid_width * !n) - ((!blueprint_liquid_grid_width * !n) % 1)
   
 =prepend(!n)
-  :padding-left= (!layout_liquid_width * !n) - ((!layout_liquid_width * !n) % 1)
+  :padding-left= (!blueprint_liquid_grid_width * !n) - ((!blueprint_liquid_grid_width * !n) % 1)
 
 =pull(!n, !last = false)
-  :margin-left= (!layout_liquid_push_pull * !n)
+  :margin-left= (!blueprint_liquid_grid_push_pull * !n)
 
 =push(!n)
   :float right
   :margin
     :top 0
     :left 1.5em
-    :right= (!layout_liquid_push_pull * !n)
+    :right= (!blueprint_liquid_grid_push_pull * !n)
     :bottom 0
 
 =border
@@ -107,34 +135,3 @@
   :background #fff
   :color #fff
 
-
-=blueprint-liquid
-  // A container should group all your columns
-  .container
-    +container
-    // Use these classes (or mixins) to set the width of a column.
-    @for !n from 1 to !layout_liquid_columns + 1
-      .span-#{!n}
-        +span(!n)
-      div
-        &.span-#{!n}
-          +column(!n, !n == !layout_liquid_columns)
-    // The last column in a row needs this class (or mixin) or it will end up on the next row.
-    div.last
-      +last
-    // Add these to a column to append empty cols.
-    @for !n from 1 to !layout_liquid_columns
-      .append-#{!n}
-        +append(!n)
-    // Add these to a column to prepend empty cols.
-    @for !n from 1 to !layout_liquid_columns
-      .prepend-#{!n}
-        +prepend(!n)
-    // Use these classes on an element to push it into the
-    // next column, or to pull it into the previous column.
-    @for !n from 1 to !layout_liquid_columns + 1
-      .pull-#{!n}
-        +pull(!n)
-    @for !n from 1 to !layout_liquid_columns + 1
-      .push-#{!n}
-        +push(!n)