compass 0.8.17 → 0.10.0.pre1

data/lib/compass/frameworks/compass/stylesheets/compass/utilities/general/_tag_cloud.sass

@@ -0,0 +1,19 @@
+// Emits styles for a tag cloud
+=tag-cloud(!base_size = 1em)
+  font-size= !base_size
+  line-height= 1.2 * !base_size
+  .xxs, .xs, .s, .l, .xl, .xxl
+    line-height= 1.2 * !base_size
+  .xxs
+    font-size= !base_size / 2.0
+  .xs
+    font-size= 2.0 * !base_size / 3.0
+  .s
+    font-size= 3.0 * !base_size / 4.0
+  .l
+    font-size= 4.0 * !base_size / 3.0
+  .xl
+    font-size= 3.0 * !base_size / 2.0
+  .xxl
+    font-size= 2.0 * !base_size
+

data/{frameworks → lib/compass/frameworks}/compass/stylesheets/compass/utilities/links/_hover_link.sass

@@ -1,5 +1,5 @@
 // a link that only has an underline when you hover over it
 =hover-link
-  :text-decoration none
+  text-decoration: none
   &:hover
-    :text-decoration underline
+    text-decoration: underline

data/{frameworks → lib/compass/frameworks}/compass/stylesheets/compass/utilities/links/_link_colors.sass

@@ -7,18 +7,18 @@
 //   +link-colors(#00c, #0cc, #c0c, #ccc, #cc0)
 
 =link-colors(!normal, !hover = false, !active = false, !visited = false, !focus = false)
-  :color= !normal
+  color= !normal
   @if !visited
     &:visited
-      :color= !visited
+      color= !visited
   @if !focus
     &:focus
-      :color= !focus
+      color= !focus
   @if !hover
     &:hover
-      :color= !hover
+      color= !hover
   @if !active
     &:active
-      :color= !active
+      color= !active
 
-  
+  

data/lib/compass/frameworks/compass/stylesheets/compass/utilities/links/_unstyled_link.sass

@@ -0,0 +1,7 @@
+// A link that looks and acts like the text it is contained within
+=unstyled-link
+  color: inherit
+  text-decoration: inherit
+  cursor: inherit
+  &:active, &:focus
+    outline: none

data/{frameworks → lib/compass/frameworks}/compass/stylesheets/compass/utilities/lists/_bullets.sass

@@ -1,7 +1,7 @@
 // Turn off the bullet for an element of a list
 =no-bullet
-  :list-style-type none
-  :margin-left 0px
+  list-style-type: none
+  margin-left: 0px
 
 // turns off the bullets for an entire list
 =no-bullets
@@ -13,9 +13,9 @@
 // ul.pretty
 //   +pretty-bullets("my-icon.png", 5px, 7px)
 =pretty-bullets(!bullet_icon, !width, !height, !line_height = 18px, !padding = 14px)
-  :margin-left 0
+  margin-left: 0
   li
-    :padding-left= !padding
-    :background= image_url(!bullet_icon) "no-repeat" ((!padding - !width) / 2) ((!line_height - !height) / 2)
-    :list-style-type none
+    padding-left= !padding
+    background= image_url(!bullet_icon) "no-repeat" ((!padding - !width) / 2) ((!line_height - !height) / 2)
+    list-style-type: none
 

data/{frameworks → lib/compass/frameworks}/compass/stylesheets/compass/utilities/lists/_horizontal_list.sass

@@ -32,15 +32,15 @@
   Used to implement +horizontal-list.
 =horizontal-list-item(!padding = 4px)
   +no-bullet
-  :white-space nowrap
+  white-space: nowrap
   +float-left
-  :padding
-    :left= !padding
-    :right= !padding
+  padding:
+    left= !padding
+    right= !padding
   &.first
-    :padding-left 0px
+    padding-left: 0px
   &.last
-    :padding-right 0px
+    padding-right: 0px
 
 //**
   A list(ol,ul) that is layed out such that the elements are floated left and won't wrap.

data/{frameworks → lib/compass/frameworks}/compass/stylesheets/compass/utilities/lists/_inline_list.sass

@@ -1,14 +1,14 @@
 // makes a list inline.
 
 =inline-list
-  :list-style-type none
-  :margin 0px
-  :padding 0px
-  :display inline
+  list-style-type: none
+  margin: 0px
+  padding: 0px
+  display: inline
   li
-    :margin 0px
-    :padding 0px
-    :display inline
+    margin: 0px
+    padding: 0px
+    display: inline
 
 // makes an inlin list that is comma delimited.
 // use of this recipe is not recommended at this time due to browser support issues.
@@ -23,7 +23,7 @@
   +inline-list
   li
     &:after
-      :content ", "
+      content: ", "
     &:last-child, &.last
       &:after
-        :content ""
+        content: ""

data/lib/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_sprite_img.sass

@@ -0,0 +1,52 @@
+//**
+  Example 1:
+  a.twitter
+    +sprite-img("icons-32.png", 1)
+  a.facebook
+    +sprite-img("icons-32png", 2)
+  ...
+  Example 2:
+  a
+    +sprite-background("icons-32.png")
+    a.twitter
+      +sprite-column(1)
+    a.facebook
+      +sprite-row(2)
+    ...
+ 
+!sprite_default_size  ||= 32px
+!sprite_default_margin ||= 0px
+!sprite_image_default_width ||= !sprite_default_size
+!sprite_image_default_height ||= !sprite_default_size
+ 
+ 
+// Sets all the rules for a sprite from a given sprite image to show just one of the sprites.
+// To reduce duplication use a sprite-bg mixin for common properties and a sprite-select mixin for positioning.
+=sprite-img(!img, !col, !row = 1, !width = !sprite_image_default_width, !height = !sprite_image_default_height, !margin = !sprite_default_margin)
+  +sprite-background(!img, !width, !height)
+  +sprite-position(!col, !row, !width, !height, !margin)
+ 
+// Sets rules common for all sprites, assumes you want a square, but allows a rectangular region.
+=sprite-background(!img, !width = !sprite_default_size, !height = !width)
+  +sprite-background-rectangle(!img, !width, !height)
+ 
+// Sets rules common for all sprites, assumes a rectangular region.
+=sprite-background-rectangle(!img, !width = !sprite_image_default_width, !height = !sprite_image_default_height)
+  background= image_url(!img) "no-repeat"
+  width= !width
+  height= !height
+  overflow: hidden
+ 
+// Allows horizontal sprite positioning optimized for a single row of sprites.
+=sprite-column(!col, !width = !sprite_image_default_width, !margin = !sprite_default_margin)
+  +sprite-position(!col, 1, !width, 0px, !margin)
+ 
+// Allows vertical sprite positioning optimized for a single column of sprites.
+=sprite-row(!row, !height = !sprite_image_default_height, !margin = !sprite_default_margin)
+  +sprite-position(1, !row, 0px, !height, !margin)
+ 
+// Allows vertical and horizontal sprite positioning from a grid of equal dimensioned sprites.
+=sprite-position(!col, !row = 1, !width = !sprite_image_default_width, !height = !sprite_image_default_height, !margin = !sprite_default_margin)
+  !x = ((!col - 1) * -!width) - ((!col - 1) * !margin)
+  !y = ((!row - 1) * -!height) - ((!row - 1) * !margin)
+  background-position= !x !y

data/lib/compass/frameworks/compass/stylesheets/compass/utilities/tables/_alternating_rows_and_columns.sass

@@ -0,0 +1,20 @@
+=alternating-rows-and-columns(!even_row_color, !odd_row_color, !dark_intersection, !header_color = #FFF, !footer_color = #FFF)
+  th
+    background-color= !header_color
+    &.even
+      background-color= !header_color - !dark_intersection
+  tr.odd
+    td
+      background-color= !odd_row_color
+      &.even
+        background-color= !odd_row_color - !dark_intersection
+  tr.even
+    td
+      background-color= !even_row_color
+      &.even
+        background-color= !even_row_color - !dark_intersection
+  tfoot
+    th, td
+      background-color= !footer_color
+      &.even
+        background-color= !footer_color - !dark_intersection

data/lib/compass/frameworks/compass/stylesheets/compass/utilities/tables/_borders.sass

@@ -0,0 +1,27 @@
+=outer-table-borders(!width = 2px, !color = black)
+  border= !width "solid" !color
+  thead
+    th
+      border-bottom= !width "solid" !color
+  tfoot
+    th, td
+      border-top= !width "solid" !color
+  th
+    &:first-child
+      border-right= !width "solid" !color
+
+=inner-table-borders(!width = 2px, !color = black)
+  th, td
+    border:
+      right= !width "solid" !color
+      bottom= !width "solid" !color
+      left-width: 0px
+      top-width: 0px
+    &:last-child,
+    &.last
+      border-right-width: 0px
+  tbody, tfoot
+    tr:last-child,
+    tr.last
+      th, td
+        border-bottom-width: 0px

data/lib/compass/frameworks/compass/stylesheets/compass/utilities/tables/_scaffolding.sass

@@ -0,0 +1,9 @@
+=table-scaffolding
+  th
+    text-align: center
+    font-weight: bold
+  td,
+  th
+    padding: 2px
+    &.numeric
+      text-align: right

data/{frameworks → lib/compass/frameworks}/compass/stylesheets/compass/utilities/text/_nowrap.sass

@@ -1,3 +1,3 @@
 // When remembering whether or not there's a hyphen in white-space is too hard
 =nowrap
-  :white-space nowrap
+  white-space: nowrap

data/{frameworks → lib/compass/frameworks}/compass/stylesheets/compass/utilities/text/_replacement.sass

@@ -9,9 +9,9 @@
   @param y
     the y position of the background image.
 =replace-text( !img, !x = 50%, !y = 50% )
-  :text-indent -9999em
-  :overflow    hidden
-  :background
-    :image= image_url(!img)
-    :repeat no-repeat
-    :position= !x !y
+  text-indent: -9999em
+  overflow:    hidden
+  background:
+    image= image_url(!img)
+    repeat: no-repeat
+    position= !x !y

data/lib/compass/frameworks/compass/templates/ellipsis/manifest.rb

@@ -0,0 +1,27 @@
+description "Plugin for cross-browser ellipsis truncated text."
+
+file 'xml/ellipsis.xml', :like => :css
+stylesheet 'ellipsis.sass'
+
+help %Q{
+First, install the plugin to get the xml file that makes this work in firfox:
+
+  compass init --using blueprint/link_icons
+
+Then mix +ellipsis into your selectors to enable ellipsis
+there when text gets too long.
+
+The ellipsis.sass file is just an example for how to use this plugin,
+feel free to delete it.
+
+For more information see:
+  http://mattsnider.com/css/css-string-truncation-with-ellipsis/
+}
+
+welcome_message %Q{
+The ellipsis.sass file is just an example for how to use this plugin,
+feel free to delete it.
+
+For more information see:
+  http://mattsnider.com/css/css-string-truncation-with-ellipsis/  
+}

data/lib/compass/frameworks/compass/templates/extension/manifest.rb

@@ -0,0 +1,20 @@
+description "Generate a compass extension."
+
+file 'stylesheets/main.sass', :to => "stylesheets/_#{File.basename(options[:pattern_name]||options[:project_name]||'main')}.sass"
+file 'templates/project/manifest.rb'
+file 'templates/project/screen.sass'
+
+help %Q{
+  To generate a compass extension:
+  compass create my_extension --using compass/extension
+}
+
+welcome_message %Q{
+For a full tutorial on how to build your own extension see:
+
+http://github.com/chriseppstein/compass/blob/edge/docs/EXTENSIONS.markdown
+
+}, :replace => true
+
+no_configuration_file!
+skip_compilation!

data/lib/compass/frameworks/compass/templates/extension/stylesheets/main.sass

@@ -0,0 +1 @@
+// This is your framework's main stylesheet. Use it to import all default modules.

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

@@ -0,0 +1,2 @@
+# Make sure you list all the project template files here in the manifest.
+stylesheet 'screen.sass', :media => 'screen, projection'

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

@@ -0,0 +1,2 @@
+// This is where you put the contents of the main stylesheet for the user's project.
+// It should import your sass stylesheets and demonstrate how to use them.

data/lib/compass/frameworks/compass/templates/project/USAGE.markdown

@@ -0,0 +1,32 @@
+When no framework is specified, a new compass project is set up with three stylesheets:
+
+* screen.sass
+* print.sass
+* ie.sass
+
+It is expected that you will link your html to these like so:
+
+    <head>
+      <link href="/stylesheets/screen.css" media="screen, projection"
+            rel="stylesheet" type="text/css" />
+      <link href="/stylesheets/print.css" media="print"
+            rel="stylesheet" type="text/css" />
+      <!--[if IE]>
+          <link href="/stylesheets/ie.css" media="screen, projection"
+                rel="stylesheet" type="text/css" />
+      <![endif]-->
+    </head>
+
+You don't have to use these three stylesheets, they are just a recommendation.
+You can rename them, make new stylesheets, and delete them. Compass will
+happily compile whatever sass files you place into your project.
+
+Any folders you create in your source directory with sass files in them will be folders
+that get created with css files in them when compiled.
+
+Sass files beginning with an underscore are called partials, they are not directly
+compiled to their own css file. You can use these partials by importing them
+into other stylesheets. This is useful for keeping your stylesheets small and manageable
+and single-focused. It is common to create a file called _base.sass at the top level
+of your stylesheets and to import this to set up project-wide constants and mixins.
+

data/{frameworks → lib/compass/frameworks}/compass/templates/project/manifest.rb

@@ -1,3 +1,4 @@
+description "The default project layout."
 stylesheet 'screen.sass', :media => 'screen, projection'
 stylesheet 'print.sass',  :media => 'print'
 stylesheet 'ie.sass',     :media => 'screen, projection', :condition => "IE"

data/lib/compass/grid_builder.rb

@@ -16,19 +16,21 @@ module Compass
     rescue Exception => e
     end
 
-    attr_reader :column_width, :gutter_width, :output_path, :able_to_generate, :options
+    attr_reader :column_width, :gutter_width, :filename, :able_to_generate, :options
 
     # ==== Options
     # * <tt>options</tt>
     #   * <tt>:column_width</tt> -- Width (in pixels) of current grid column
     #   * <tt>:gutter_width</tt> -- Width (in pixels) of current grid gutter
-    #   * <tt>:output_path</tt> -- Output path of grid.png file
+    #   * <tt>:height</tt> -- Height (in pixels) of a row
+    #   * <tt>:filename</tt> -- Output path of grid.png file
     def initialize(options={})
       @able_to_generate = Magick::Long_version rescue false
       return unless @able_to_generate
       @column_width = options[:column_width]
       @gutter_width = options[:gutter_width]
-      @output_path  = options[:output_path]
+      @height = options[:height] || 20
+      @filename = options[:filename]
       @options = options
     end
 
@@ -40,22 +42,20 @@ module Compass
     def generate!
       return false unless self.able_to_generate
       total_width = self.column_width + self.gutter_width
-      height = 20
       RVG::dpi = 100
 
-      rvg = RVG.new((total_width.to_f/RVG::dpi).in, (height.to_f/RVG::dpi).in).viewbox(0, 0, total_width, height) do |canvas|
+      rvg = RVG.new((total_width.to_f/RVG::dpi).in, (@height.to_f/RVG::dpi).in).viewbox(0, 0, total_width, @height) do |canvas|
         canvas.background_fill = 'white'
 
         canvas.g do |column|
-          column.rect(self.column_width, height).styles(:fill => "#e8effb")
+          column.rect(self.column_width - 1, @height).styles(:fill => "#e8effb")
         end
 
         canvas.g do |baseline|
-          baseline.line(0, (height - 1), total_width, (height- 1)).styles(:fill => "#e9e9e9")
+          baseline.line(0, (@height - 1), total_width, (@height- 1)).styles(:fill => "#e9e9e9")
         end
       end
 
-      filename = File.join(self.output_path, "grid.png")
       if File.exists?(filename)
         if options[:force]
           overwrite = true
@@ -64,9 +64,13 @@ module Compass
           raise Compass::FilesystemConflict.new(msg)
         end
       end
-      directory self.output_path
+      directory File.dirname(filename)
       logger.record((overwrite ? :overwrite : :create), basename(filename))
-      rvg.draw.write(filename)
+      unless options[:dry_run]
+        rvg.draw.write(filename)
+      else
+        true
+      end
     end
   end
-end
+end