compass 0.8.17 → 0.10.0.pre1

data/{frameworks/blueprint/stylesheets/blueprint/modules → lib/compass/frameworks/blueprint/stylesheets/blueprint}/_utilities.sass

@@ -7,7 +7,7 @@
 =blueprint-utilities
   // Regular clearing apply to column that should drop below previous ones.
   .clear
-    :clear both
+    clear: both
   // turn off text wrapping for the element.
   .nowrap
     +nowrap
@@ -16,22 +16,22 @@
   .clearfix
     +clearfix
   .small
-    :font-size .8em
-    :margin-bottom 1.875em
-    :line-height 1.875em
+    font-size: .8em
+    margin-bottom: 1.875em
+    line-height: 1.875em
   .large
-    :font-size 1.2em
-    :line-height 2.5em
-    :margin-bottom 1.25em
+    font-size: 1.2em
+    line-height: 2.5em
+    margin-bottom: 1.25em
   .first
-    :margin-left 0
-    :padding-left 0
+    margin-left: 0
+    padding-left: 0
   .last
-    :margin-right 0
-    :padding-right 0
+    margin-right: 0
+    padding-right: 0
   .top
-    :margin-top 0
-    :padding-top 0
+    margin-top: 0
+    padding-top: 0
   .bottom
-    :margin-bottom 0
-    :padding-bottom 0
+    margin-bottom: 0
+    padding-bottom: 0

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

@@ -0,0 +1,2 @@
+@debug "DEPRECATION WARINING: blueprint/modules/buttons.sass has moved to blueprint/buttons.sass"
+@import blueprint/buttons.sass

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

@@ -0,0 +1,2 @@
+@debug "DEPRECATION WARINING: blueprint/modules/colors.sass has moved to blueprint/colors.sass"
+@import blueprint/colors.sass

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

@@ -0,0 +1,2 @@
+@debug "DEPRECATION WARINING: blueprint/modules/debug.sass has moved to blueprint/debug.sass"
+@import blueprint/debug.sass

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

@@ -0,0 +1,2 @@
+@debug "DEPRECATION WARINING: blueprint/modules/fancy_type.sass has moved to blueprint/fancy_type.sass"
+@import blueprint/fancy_type.sass

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

@@ -0,0 +1,2 @@
+@debug "DEPRECATION WARINING: blueprint/modules/form.sass has moved to blueprint/form.sass"
+@import blueprint/form.sass

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

@@ -0,0 +1,2 @@
+@debug "DEPRECATION WARINING: blueprint/modules/grid.sass has moved to blueprint/grid.sass"
+@import blueprint/grid.sass

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

@@ -0,0 +1,2 @@
+@debug "DEPRECATION WARINING: blueprint/modules/interaction.sass has moved to blueprint/interaction.sass"
+@import blueprint/interaction.sass

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

@@ -0,0 +1,2 @@
+@debug "DEPRECATION WARINING: blueprint/modules/link_icons.sass has moved to blueprint/link_icons.sass"
+@import blueprint/link_icons.sass

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

@@ -0,0 +1,3 @@
+@debug "DEPRECATION WARINING: blueprint/modules/liquid.sass has moved to blueprint/liquid.sass"
+@import blueprint/liquid.sass
+

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

@@ -0,0 +1,2 @@
+@debug "DEPRECATION WARINING: blueprint/modules/reset.sass has moved to blueprint/reset.sass"
+@import blueprint/reset.sass

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

@@ -0,0 +1,2 @@
+@debug "DEPRECATION WARINING: blueprint/modules/rtl.sass has moved to blueprint/rtl.sass"
+@import blueprint/rtl.sass

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

@@ -0,0 +1,2 @@
+@debug "DEPRECATION WARINING: blueprint/modules/scaffolding.sass has moved to blueprint/scaffolding.sass"
+@import blueprint/scaffolding.sass

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

@@ -0,0 +1,2 @@
+@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

@@ -0,0 +1,2 @@
+@debug "DEPRECATION WARINING: blueprint/modules/utilities.sass has moved to blueprint/utilities.sass"
+@import blueprint/utilities.sass

data/{frameworks → 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
@@ -38,12 +38,12 @@ button
 
 // We can change the colors for buttons of certain classes, etc.
 a.positive, button.positive
-  :color #529214
+  color: #529214
   +button-hover-colors(#529214, #E6EFC2, #C6D880)
   +button-active-colors(#FFF, #529214, #529214)
 
 a.negative, button.negative
-  :color #D12F19
+  color: #D12F19
   +button-hover-colors(#D12F19, #FBE3E4, #FBC2C4)
   +button-active-colors(#FFF, #D12F19, #D12F19)
 

data/lib/compass/frameworks/blueprint/templates/buttons/manifest.rb

@@ -0,0 +1,17 @@
+description "Button Plugin"
+stylesheet 'buttons.sass', :media => 'screen, projection'
+
+image 'buttons/cross.png'
+image 'buttons/key.png'
+image 'buttons/tick.png'
+
+help %Q{
+To install the button plugin:
+  compass init --using blueprint/buttons
+
+The buttons.sass file is just a recommendation to show you how to use the button mixins.  
+}
+
+welcome_message %Q{
+The buttons.sass file is just a recommendation to show you how to use the button mixins.  
+}

data/{frameworks → 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/link_icons/manifest.rb

@@ -0,0 +1,23 @@
+description "Icons for common types of links"
+
+stylesheet "link_icons.sass", :media => 'screen, projection'
+
+image 'link_icons/doc.png'
+image 'link_icons/email.png'
+image 'link_icons/external.png'
+image 'link_icons/feed.png'
+image 'link_icons/im.png'
+image 'link_icons/pdf.png'
+image 'link_icons/visited.png'
+image 'link_icons/xls.png'
+
+help %Q{
+To install the link_icons plugin:
+  compass init --using blueprint/link_icons
+
+The link_icons.sass file is just a recommendation to show you how to use the link mixins.  
+}
+
+welcome_message %Q{
+The link_icons.sass file is just a recommendation to show you how to use the link mixins.  
+}

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

@@ -0,0 +1,16 @@
+@import blueprint.sass
+
+// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
+// +blueprint-ie
+
+//Recommended Blueprint configuration with scoping and semantic layout:
+body.bp
+  +blueprint-ie(true)
+  // Note: Blueprint centers text to fix IE6 container centering.
+  // This means all your texts will be centered under all version of IE by default.
+  // If your container does not have the .container class, don't forget to restore
+  // the correct behavior to your main container (but not the body tag!)
+  // Example:
+  // .my-container
+  //   text-align: left
+

data/lib/compass/frameworks/blueprint/templates/project/manifest.rb

@@ -0,0 +1,32 @@
+description "The blueprint framework."
+
+stylesheet 'screen.sass', :media => 'screen, projection'
+stylesheet 'partials/_base.sass'
+stylesheet 'print.sass',  :media => 'print'
+stylesheet 'ie.sass',     :media => 'screen, projection', :condition => "lt IE 8"
+
+image 'grid.png'
+
+html 'welcome.html.haml', :erb => true
+
+help %Q{
+Please see the blueprint website for documentation on how blueprint works:
+
+    http://blueprintcss.org/
+
+Docs on the compass port of blueprint can be found on the wiki:
+
+    http://wiki.github.com/chriseppstein/compass/blueprint-documentation
+}
+
+welcome_message %Q{
+Please see the blueprint website for documentation on how blueprint works:
+
+    http://blueprintcss.org/
+
+Docs on the compass port of blueprint can be found on the wiki:
+
+    http://wiki.github.com/chriseppstein/compass/blueprint-documentation
+
+To get started, edit the screen.sass file and read the comments and code there.
+}

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

@@ -0,0 +1,8 @@
+@import blueprint.sass
+
+// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
+// +blueprint-print
+
+//Recommended Blueprint configuration with scoping and semantic layout:
+body.bp
+  +blueprint-print(true)

data/{frameworks → lib/compass/frameworks}/blueprint/templates/project/screen.sass

@@ -5,15 +5,15 @@
 // 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
 
 //Recommended Blueprint configuration with scoping and semantic layout:
-+blueprint-typography("body.bp")
 +blueprint-scaffolding("body.bp")
 body.bp
+  +blueprint-typography(true)
   +blueprint-utilities
   +blueprint-debug
   +blueprint-interaction
@@ -38,3 +38,4 @@ body.three-col
     !content_columns = ceil(2 * !blueprint_grid_columns / 3)
     // true means it's the last column in the row
     +column(!content_columns, true)
+

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

@@ -0,0 +1,21 @@
+!!! Transition
+/ Feel free to delete this, it's just here to act as an example
+%html(xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en")
+  %head
+    %title Welcome to Compass & Blueprint
+    %link(rel="stylesheet" href="<%= http_stylesheets_path %>/screen.css" type="text/css" media="screen, projection")
+    %link(href="<%= http_stylesheets_path %>/print.css" media="print" rel="stylesheet" type="text/css")
+    /[if lt IE 8]
+      %link(href="<%= http_stylesheets_path %>/ie.css" media="screen, projection" rel="stylesheet" type="text/css")    
+    %style(type="text/css")
+      :sass
+        @import blueprint.sass
+        body#welcome
+          #container
+            +container
+          h1
+            +column(24)
+  %body#welcome.bp
+    #container
+      %h1 Welcome to Compass!
+      %p This is <%= "ERB" %>

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

@@ -0,0 +1,2 @@
+@import compass/utilities.sass
+@import compass/css3.sass

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

@@ -0,0 +1,14 @@
+@import css3/border_radius.sass
+@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/{frameworks → lib/compass/frameworks}/compass/stylesheets/compass/_misc.sass

@@ -6,19 +6,19 @@
   Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA.
 
 =unobtrusive-logo(!size = 1em)
-  :font-family Monaco, Courier, "Lucida Sans Unicode", monospace
-  :font-size= !size
-  :color #888
+  font-family: Monaco, Courier, "Lucida Sans Unicode", monospace
+  font-size= !size
+  color: #888
   .selector
-    :vertical-align middle
-    :font-size= 1.3em
+    vertical-align: middle
+    font-size= 1.3em
   .brace
-    :vertical-align middle
-    :font bold 1.7em Georgia, "Times New Roman", serif
-    :color #CCC
-    :margin= 0 -0.2em
+    vertical-align: middle
+    font: bold 1.7em Georgia, "Times New Roman", serif
+    color: #CCC
+    margin= 0 -0.2em
   .rule
-    :vertical-align middle
-    :margin= 0 -0.2em
+    vertical-align: middle
+    margin= 0 -0.2em
 
-  
+  

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/_border_radius.sass

@@ -0,0 +1,47 @@
+!default_border_radius ||= 5px
+
+// Round all borders by amount
+=border-radius(!radius = !default_border_radius)
+  border-radius= !radius
+  -moz-border-radius= !radius
+  -webkit-border-radius= !radius
+
+// Round radius at position by amount.
+// values for !vert: "top", "bottom"
+// values for !horz: "left", "right
+=border-corner-radius(!vert, !horz, !radius = !default_border_radius)
+  border-#{!vert}-#{!horz}-radius= !radius
+  -moz-border-radius-#{!vert}#{!horz}= !radius
+  -webkit-border-#{!vert}-#{!horz}-radius= !radius
+  
+=border-top-left-radius(!radius = !default_border_radius)
+  +border-corner-radius("top", "left", !radius)
+
+=border-top-right-radius(!radius = !default_border_radius)
+  +border-corner-radius("top", "right", !radius)
+
+=border-bottom-left-radius(!radius = !default_border_radius)
+  +border-corner-radius("bottom", "left", !radius)
+
+=border-bottom-right-radius(!radius = !default_border_radius)
+  +border-corner-radius("bottom", "right", !radius)
+
+// Round top corners by amount
+=border-top-radius(!radius = !default_border_radius)
+  +border-top-left-radius(!radius)
+  +border-top-right-radius(!radius)
+
+// Round right corners by amount
+=border-right-radius(!radius = !default_border_radius)
+  +border-top-right-radius(!radius)
+  +border-bottom-right-radius(!radius)
+
+// Round bottom corners by amount
+=border-bottom-radius(!radius = !default_border_radius)
+  +border-bottom-left-radius(!radius)
+  +border-bottom-right-radius(!radius)
+
+// Round left corners by amount
+=border-left-radius(!radius = !default_border_radius)
+  +border-top-left-radius(!radius)
+  +border-bottom-left-radius(!radius)