compass-edge 0.9.4 → 0.9.5.0

data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass

@@ -1,160 +1,2 @@
-@import colors.sass
-@import compass/utilities/links/link_colors.sass
-@import compass/utilities/general/float.sass
-
-!blueprint_font_family       ||= "Helvetica Neue, Arial, Helvetica, sans-serif"
-!blueprint_fixed_font_family ||= "'andale mono', 'lucida console', monospace"
-!blueprint_font_size         ||= 12px
-
-// Usage examples:
-// As a top-level mixin, apply to any page that includes the stylesheet:
-//   +blueprint-typography
-// Scoped by a presentational class:
-//   body.blueprint
-//    +blueprint-typography(true)
-// Scoped by semantic selectors:
-//   body#page-1, body#page-2, body.a-special-page-type
-//     +blueprint-typography(true)
-// Deprecated:
-//   You can pass the body selector as the first argument when used as a top-level mixin
-//   +blueprint-typography("body#page-1, body#page-2, body.a-special-page-type")
-=blueprint-typography(!body_selector = "body")
-  @if !body_selector == true
-    +blueprint-typography-body
-    +blueprint-typography-defaults
-  @else
-    #{!body_selector}
-      +blueprint-typography-body
-      @if !body_selector != "body"
-        @debug "[DEPRECATED] To specify a the selector \"#{!body_selector}\" to +blueprint-typography, pass true as the first argument and mix it into #{!body_selector}."
-        +blueprint-typography-defaults
-    @if !body_selector == "body"
-      +blueprint-typography-defaults
-
-=normal-text
-  font-family= !blueprint_font_family
-  color= !font_color
-
-=fixed-width-text
-  font= 1em !blueprint_fixed_font_family
-  line-height: 1.5
-
-=header-text
-  font-weight: normal
-  color= !header_color
-
-=quiet
-  color= !quiet_color
-
-=loud
-  color= !loud_color
-
-=blueprint-typography-body(!font_size = !blueprint_font_size)
-  line-height: 1.5
-  +normal-text
-  font-size= 100% * !font_size / 16px
-
-=blueprint-typography-defaults
-  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
-  h4
-    +header-text
-    font-size: 1.2em
-    line-height: 1.25
-    margin-bottom: 1.25em
-  h5
-    +header-text
-    font-size: 1em
-    font-weight: bold
-    margin-bottom: 1.5em
-  h6
-    +header-text
-    font-size: 1em
-    font-weight: bold
-  h2 img,  h3 img,  h4 img,  h5 img,  h6 img
-    margin: 0
-  p
-    margin: 0 0 1.5em
-    img.left
-      +float-left
-      margin: 1.5em 1.5em 1.5em 0
-      padding: 0
-    img.right
-      +float-right
-      margin: 1.5em 0 1.5em 1.5em
-      padding: 0
-  a
-    text-decoration: underline
-    +link-colors(!link_color, !link_hover_color, !link_active_color, !link_visited_color, !link_focus_color)
-  blockquote
-    margin: 1.5em
-    color: #666
-    font-style: italic
-  strong
-    font-weight: bold
-  em
-    font-style: italic
-  dfn
-    font-style: italic
-    font-weight: bold
-  sup,  sub
-    line-height: 0
-  abbr,  acronym
-    border-bottom: 1px dotted #666
-  address
-    margin: 0 0 1.5em
-    font-style: italic
-  del
-    color: #666
-  pre
-    margin: 1.5em 0
-    white-space: pre
-  pre, code, tt
-    +fixed-width-text
-  li ul,  li ol
-    margin: 0 1.5em
-  ul
-    margin: 0 1.5em 1.5em 1.5em
-    list-style-type: disc
-  ol
-    margin: 0 1.5em 1.5em 1.5em
-    list-style-type: decimal
-  dl
-    margin: 0 0 1.5em 0
-    dt
-      font-weight: bold
-  dd
-    margin-left: 1.5em
-  table
-    margin-bottom: 1.4em
-    width: 100%
-  th
-    font-weight: bold
-  thead th
-    background= !blueprint_table_header_color
-  th, td, caption
-    padding: 4px 10px 4px 5px
-  tr.even td
-    background= !blueprint_table_stripe_color
-  tfoot
-    font-style: italic
-  caption
-    background: #eee
-  .quiet
-    +quiet
-  .loud
-    +loud
+@debug "DEPRECATION WARINING: blueprint/modules/typography.sass has moved to blueprint/typography.sass"
+@import blueprint/typography.sass

data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_utilities.sass

@@ -1,37 +1,2 @@
-@import compass/utilities/text/nowrap.sass
-@import compass/utilities/general/float.sass
-
-// Most of these utility classes are not "semantic". If you use them,
-// you are mixing your content and presentation. For shame!
-
-=blueprint-utilities
-  // Regular clearing apply to column that should drop below previous ones.
-  .clear
-    clear: both
-  // turn off text wrapping for the element.
-  .nowrap
-    +nowrap
-  // Apply to an element that has floated children to make the bottom
-  // of the element fall _below_ the floated children.
-  .clearfix
-    +clearfix
-  .small
-    font-size: .8em
-    margin-bottom: 1.875em
-    line-height: 1.875em
-  .large
-    font-size: 1.2em
-    line-height: 2.5em
-    margin-bottom: 1.25em
-  .first
-    margin-left: 0
-    padding-left: 0
-  .last
-    margin-right: 0
-    padding-right: 0
-  .top
-    margin-top: 0
-    padding-top: 0
-  .bottom
-    margin-bottom: 0
-    padding-bottom: 0
+@debug "DEPRECATION WARINING: blueprint/modules/utilities.sass has moved to blueprint/utilities.sass"
+@import blueprint/utilities.sass

data/lib/compass/frameworks/blueprint/templates/buttons/buttons.sass

@@ -1,5 +1,5 @@
 @import compass/utilities/general/float.sass
-@import blueprint/modules/buttons.sass
+@import blueprint/buttons.sass
 
 //
   Use the following HTML code to place the buttons on your site:
@@ -23,7 +23,7 @@ a.button
   +anchor-button("left")
   // All the button color mixins take 4 optional arguments:
   // font color, background color, border color, border highlight color
-  // the first three default to constants set in blueprint/modules/buttons.sass
+  // the first three default to constants set in blueprint/buttons.sass
   // the last one defaults to a shade lighter than the border color.
   +button-colors
   +button-hover-colors

data/lib/compass/frameworks/blueprint/templates/link_icons/link_icons.sass

@@ -1,4 +1,4 @@
-@import blueprint/modules/link_icons.sass
+@import blueprint/link_icons.sass
 
 // This turns link icons on for all links. You can change the scoping selector from
 // body to something more specific if you prefer.

data/lib/compass/frameworks/blueprint/templates/project/screen.sass

@@ -5,7 +5,7 @@
 // Import all the default blueprint modules so that we can access their mixins.
 @import blueprint
 // Import the non-default scaffolding module.
-@import blueprint/modules/scaffolding.sass
+@import blueprint/scaffolding.sass
 
 // To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
 // +blueprint
@@ -39,9 +39,3 @@ body.three-col
     // true means it's the last column in the row
     +column(!content_columns, true)
 
-// This is just here to style the welcome page, please delete it.
-body#welcome
-  #container
-    +container
-  h1
-    +column(24)

data/lib/compass/frameworks/blueprint/templates/project/welcome.html.haml

@@ -10,8 +10,11 @@
     %style(type="text/css")
       :sass
         @import blueprint.sass
-        .foo
-          +column(8)
+        body#welcome
+          #container
+            +container
+          h1
+            +column(24)
   %body#welcome.bp
     #container
       %h1 Welcome to Compass!

data/lib/compass/frameworks/compass/stylesheets/compass/_css3.sass

@@ -2,5 +2,13 @@
 @import css3/inline_block.sass
 @import css3/opacity.sass
 @import css3/box_shadow.sass
+@import css3/text_shadow.sass
 @import css3/columns.sass
 @import css3/box_sizing.sass
+@import css3/gradient.sass
+@import css3/background_clip.sass
+@import css3/background_origin.sass
+@import css3/background_size.sass
+@import css3/font_face.sass
+@import css3/transform.sass
+@import css3/transition.sass

data/lib/compass/frameworks/compass/stylesheets/compass/css3/_background_clip.sass

@@ -0,0 +1,16 @@
+// Background Clip
+// clip the background (image and color) at the edge of the padding or border
+//  - [padding-box | border-box]
+//  - browser defaults to border-box, mixin defaults to padding-box
+
+//  override constants to change defaults
+!default_background_clip ||= "padding-box"
+
+=background-clip(!clip = !default_background_clip)
+  // webkit and mozilla use the deprecated short [border | padding | content]
+  !deprecated= "padding"
+  @if !clip == "border-box"
+    !deprecated= "border"
+  background-clip= !clip
+  -webkit-background-clip= !deprecated
+  -moz-background-clip= !deprecated

data/lib/compass/frameworks/compass/stylesheets/compass/css3/_background_origin.sass

@@ -0,0 +1,18 @@
+// Background Origin
+// position the background off the edge of the padding, border or content
+//  - [padding-box | border-box | content-box]
+//  - browser defaults to padding-box, mixin defaults to content-box
+
+//  override constants to change defaults
+!default_background_origin ||= "content-box"
+
+=background-origin(!origin = !default_background_origin)
+  // webkit and mozilla use the deprecated short [border | padding | content]
+  !deprecated= "padding"
+  @if !origin == "border-box"
+    !deprecated= "border"
+  @if !origin == "content-box"
+    !deprecated= "content"
+  background-origin= !origin
+  -webkit-background-origin= !deprecated
+  -moz-background-origin= !deprecated

data/lib/compass/frameworks/compass/stylesheets/compass/css3/_background_size.sass

@@ -0,0 +1,14 @@
+// Background Size
+// Set the size of background images using px, width and height, or percentages
+//  - percentages are relative to the background-origin (default = padding-box)
+//  - mixin defaults to "100% auto"
+
+//  override constants to change defaults
+!default_background_size ||= 100% "auto"
+
+=background-size(!size = !default_background_size)
+  background-size= !size
+  -webkit-background-size= !size
+  -o-background-size= !size
+  -khtml-background-size= !size
+  -moz-background-size= !size

data/lib/compass/frameworks/compass/stylesheets/compass/css3/_box_shadow.sass

@@ -1,12 +1,20 @@
 //**
-  Provides cross-browser css box shadows 
-    for Webkit and the future
-  arguments are horizontal offset, vertical offset, blur and color
+  Provides cross-browser css box shadows for Webkit, Gecko, and CSS3 standard
+  arguments are color, horizontal offset, vertical offset, and blur
 
-=box-shadow(!ho, !vo, !b, !c )
-  /* Webkit (Safari, Chrome)
-  -webkit-box-shadow= !ho !vo !b !c
-  /* Mozilla (Firefox, Camino)
-  -moz-box-shadow= !ho !vo !b !c
-  /* CSS3
-  box-shadow= !ho !vo !b !c
+//**
+  These defaults make the arguments optional for this mixin
+  If you like, set different defaults in your project
+  
+!default_box_shadow_color     ||= #333
+!default_box_shadow_h_offset  ||= 1px
+!default_box_shadow_v_offset  ||= 1px
+!default_box_shadow_blur      ||= 5px
+
+=box-shadow(!color = !default_box_shadow_color, !hoff = !default_box_shadow_h_offset, !voff = !default_box_shadow_v_offset, !blur = !default_box_shadow_blur)
+  /* Webkit (Safari, Chrome) */
+  -webkit-box-shadow= !color !hoff !voff !blur
+  /* Gecko (Firefox, Camino) */
+  -moz-box-shadow= !color !hoff !voff !blur
+  /* CSS3 */
+  box-shadow= !color !hoff !voff !blur

data/lib/compass/frameworks/compass/stylesheets/compass/css3/_font_face.sass

@@ -0,0 +1,31 @@
+// @Font-Face
+// Cross-browser support for @font-face
+//  - !name is required, arbitrary, and what you will use in font stacks.
+//  - !font_files is required using font_files('relative_location', 'format').
+//     - for best results use this order: woff, opentype/truetype, svg
+//  - !eot is required by IE, and is a relative location of the eot file.
+//  - postscript name is required by some browsers to look for local fonts.
+=font-face( !name, !font_files, !eot = false, !postscript = false, !style = false)
+  @font-face
+    font-family: '#{!name}'
+    @if !style
+      font-style= !style
+    @if !eot
+      src= stylesheet_url(!eot)
+    @if !postscript
+      src: local('#{!name}'), local('#{!postscript}'), #{!font_files}
+    @else
+      src: local('#{!name}'), #{!font_files}
+
+// EXAMPLE
+  +font-face("this name", font-files("this.woff", "woff", "this.otf", "opentype"), "fonts/this.eot", "thisname")
+  
+  will generate:
+    
+    @font-face { 
+      font-family: 'this name'; 
+      src: url('fonts/this.eot'); 
+      src: local('this name'), local('thisname'), 
+        url('this.otf') format('woff'), 
+        url('this.woff') format('opentype'); 
+    }

data/lib/compass/frameworks/compass/stylesheets/compass/css3/_gradient.sass

@@ -0,0 +1,40 @@
+=gradient(!type, !coords, !color_start, !color_end, !color_stop = false)
+  !gradient= "#{!coords}, from(#{!color_start}), to(#{!color_end})"
+  @if !color_stop
+    !gradient= !gradient + ", " + !color_stop
+  background: -webkit-gradient(#{!type}, #{!gradient})
+  background: -moz-#{!type}-gradient(#{!gradient})
+
+//*
+  // This will yeild a radial gradient with an apparent specular highlight
+  +radial-gradient("45 45, 10, 52 50, 30", Cyan, DodgerBlue)
+    
+=radial-gradient(!coords, !color1, !color2, !color_stop = false)
+  +gradient("radial", !coords, !color1, !color2, !color_stop)
+
+//* 
+  // This yields a linear gradient spanning from !start to !end coordinates
+  +linear-gradient("left top", "left bottom", #fff, #ddd)
+
+=linear-gradient(!start, !end, !color1, !color2, !color_stop = false)
+  !coords = !start + ", " + !end
+  +gradient("linear", !coords, !color1, !color2, !color_stop)
+
+//*
+  // This yields a gradient starting at the top with #fff, ending in #aaa
+  +v-gradient(#fff, #aaa)
+  // Same as above but with a #ccc at the halfway point
+  +v-gradient(#fff, #aaa, color_stop(50%, #ccc))
+  // Same as the first example but with #ccc at the 30% from the top, and #bbb at 70% from the top
+  +v-gradient(#fff, #aaa, color_stop(30%, #ccc, 70%, #bbb))
+
+=v-gradient(!color1, !color2, !color_stop = false)
+  +linear-gradient("left top", "left bottom", !color1, !color2, !color_stop)
+
+//* 
+  // This yields a horizontal linear gradient spanning from left to right
+  // It can be used just like v-gradient above
+  h-gradient(#fff, #ddd)
+  
+=h-gradient(!color1, !color2, !color_stop = false)
+  +linear-gradient("left top", "right top", !color1, !color2, !color_stop)

data/lib/compass/frameworks/compass/stylesheets/compass/css3/_text_shadow.sass

@@ -0,0 +1,15 @@
+//**
+  Provides css text shadows
+  arguments are color, horizontal offset, vertical offset, and blur
+
+//**
+  These defaults make the arguments optional for this mixin
+  If you like, set different defaults in your project
+  
+!default_text_shadow_color     ||= #aaa
+!default_text_shadow_h_offset  ||= 1px
+!default_text_shadow_v_offset  ||= 1px
+!default_text_shadow_blur      ||= 1px
+
+=text-shadow(!color = !default_text_shadow_color, !hoff = !default_text_shadow_h_offset, !voff = !default_text_shadow_v_offset, !blur = !default_text_shadow_blur)
+  text-shadow= !color !hoff !voff !blur