compass 0.8.17 → 0.10.0.pre1

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

@@ -0,0 +1,20 @@
+//**
+  Provides cross-browser css box shadows for Webkit, Gecko, and CSS3 standard
+  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_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/_box_sizing.sass

@@ -0,0 +1,13 @@
+//**
+  Change the box model for Mozilla, Webkit, IE8 and the future
+  @param !bs
+    [ content-box | border-box ]
+=box-sizing(!bs)
+  /* Mozilla (FireFox, Camino)
+  -moz-box-sizing= !bs
+  /* Webkit (Safari, Chrome)
+  -webkit-box-sizing= !bs
+  /* IE (8)
+  -ms-box-sizing= !bs
+  /* CSS3
+  box-sizing= !bs

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

@@ -0,0 +1,37 @@
+//**
+  CSS3 columns for Mozilla, Webkit and the Future
+
+=column-count(!n)
+  -moz-column-count= !n
+  -webkit-column-count= !n
+  column-count= !n
+
+=column-gap(!u)
+  -moz-column-gap= !u
+  -webkit-column-gap= !u
+  column-gap= !u
+
+=column-width(!u)
+  -moz-column-width= !u
+  -webkit-column-width= !u
+  column-width= !u
+
+=column-rule-width(!w)
+  -moz-column-rule-width= !w
+  -webkit-column-rule-width= !w
+  column-rule-width= !w
+
+=column-rule-style(!s)
+  -moz-column-rule-style= !s
+  -webkit-column-rule-style= !s
+  column-rule-style= !s
+
+=column-rule-color(!c)
+  -moz-column-rule-color= !c
+  -webkit-column-rule-color= !c
+  column-rule-color= !c
+
+=column-rule(!w, !s = "solid", !c = " ")
+  +column-rule-width(!w)
+  +column-rule-style(!s)
+  +column-rule-color(!c)

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

@@ -0,0 +1,7 @@
+=inline-block 
+  display: -moz-inline-box
+  -moz-box-orient: vertical
+  display: inline-block
+  vertical-align: middle
+  #display: inline
+  #vertical-align: auto

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

@@ -0,0 +1,18 @@
+//**
+  Provides cross-browser css opacity.
+  @param !opacity
+    A number between 0 and 1, where 0 is transparent and 1 is opaque.
+=opacity(!opacity)
+  opacity= !opacity
+  -moz-opacity= !opacity
+  -khtml-opacity= !opacity
+  -ms-filter= "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + round(!opacity*100) + ")"
+  filter= "alpha(opacity=" + round(!opacity*100) + ")"
+
+// Make an element completely transparent.
+=transparent
+  +opacity(0)
+
+// Make an element completely opaque.
+=opaque
+  +opacity(1)

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

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

@@ -0,0 +1,62 @@
+// CSS Transform and Transform-Origin
+
+// Apply a transform sent as a complete string
+=apply-transform(!transform = false)
+  transform= !transform
+  -webkit-transform= !transform
+  -moz-transform= !transform
+
+// Apply a transform-origin sent as a complete string
+=apply-origin(!origin = false)
+  transform-origin= !origin
+  -webkit-transform-origin= !origin
+  -moz-transform-origin= !origin
+
+// transform-origin requires x and y coordinates
+//  - only applies the coordinates if they are there
+//    so that it can be called by scale, rotate and skew safely
+=transform-origin(!originx = 50%, !originy = 50%)
+  !origin = false
+  @if !originx and !originy
+    !origin = "#{!originx} #{!originy}"
+  @else if !originx
+    !origin = "#{!originx}"
+  @else if !originy
+    !origin = "#{!originy}"
+  @if !origin 
+    +apply-origin(!origin)
+
+// A full transform mixin with everything you could want
+//  - including origin adjustments if you want them
+//  - scale, rotate and skew don't require units
+//    scale takes a multiplier, rotate and skew take degrees
+=transform(!scale = 1, !rotate = 0, !transx = 0, !transy = 0, !skewx = 0, !skewy = 0, !originx = false, !originy = false)
+  !transform = "scale(#{!scale}) rotate(#{!rotate}deg) translate(#{!transx}, #{!transy}) skew(#{!skewx}deg, #{!skewy}deg)"
+  +apply-transform(!transform)
+  +transform-origin(!originx, !originy)
+
+// Transform Partials
+// These work well on their own, but they don't add to each other, they override
+// Use them with extra origin args, or along side +transform-origin
+
+// adjust only the scale
+//  - with optional origin coordinates
+=scale(!scale = 1.25, !originx = false, !originy = false)
+  +apply-transform("scale(#{!scale})")
+  +transform-origin(!originx, !originy)
+
+// adjust only the rotation
+//  - with optional origin coordinates
+=rotate(!rotate = 45, !originx = false, !originy = false)
+  +apply-transform("rotate(#{!rotate}deg)")
+  +transform-origin(!originx, !originy)
+
+// adjust only the translation
+=translate(!transx = 0, !transy = 0)
+  +apply-transform("translate(#{!transx}, #{!transy})")
+
+// adjust only the skew
+//  - with optional origin coordinates
+=skew(!skewx = 0, !skewy = 0, !originx = false, !originy = false)
+  +apply-transform("skew(#{!skewx}deg, #{!skewy}deg)")
+  +transform-origin(!originx, !originy)

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

@@ -0,0 +1,57 @@
+// CSS Transitions
+// Currently only works in Webkit
+//  - expected in CSS3, FireFox 3.6/7 and Opera Presto 2.3
+//  - we'll be prepared.
+
+// Override these defaults with your own, if you like
+//  - timing-function and delay are set to false for browser defaults (ease, 0s)
+!default_transition_property ||= "all"
+!default_transition_duration ||= 1s
+!default_transition_function ||= false
+!default_transition_delay ||= false
+
+// One or more properties to transition
+//  - for multiple, use a comma-delimited list
+//  - also accepts "all" or "none"
+=transition-property(!properties = !default_transition_property)
+  transition-property = !properties
+  -webkit-transition-property = !properties
+  -moz-transition-property = !properties
+  -o-transition-property = !properties
+
+// One or more durrations in seconds
+//  - for multiple, use a comma-delimited list
+//    - these durrations will effect the properties in the same list position
+=transition-duration(!duration = !default_transition_duration)
+  transition-duration = !duration
+  -webkit-transition-duration = !duration
+  -moz-transition-duration = !duration
+  -o-transition-duration = !duration
+
+// One or more timing functions
+//  - [ ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(x1, y1, x2, y2)]
+//  - for multiple, use a comma-delimited list
+//    - these functions will effect the properties in the same list position
+=transition-timing-function(!function = !default_transition_function)
+  transition-timing-function = !function
+  -webkit-transition-timing-function = !function
+  -moz-transition-timing-function = !function
+  -o-transition-timing-function = !function
+
+// One or more transition-delays in seconds
+//  - for multiple, use a comma-delimited list
+//    - these delays will effect the properties in the same list position
+=transition-delay(!delay = !default_transition_delay)
+  transition-delay = !delay
+  -webkit-transition-delay = !delay
+  -moz-transition-delay = !delay
+  -o-transition-delay = !delay
+
+// Transition all-in-one shorthand
+=transition(!properties = !default_transition_property, !duration = !default_transition_duration, !function = !default_transition_function, !delay = !default_transition_delay)
+  +transition-property(!properties)
+  +transition-duration(!duration)
+  @if !function
+    +transition-timing-function(!function)
+  @if !delay
+    +transition-delay(!delay)  

data/{frameworks → lib/compass/frameworks}/compass/stylesheets/compass/layout/_sticky_footer.sass

@@ -5,13 +5,15 @@
 
 =sticky-footer(!footer_height, !root_selector = "#root", !root_footer_selector = "#root_footer", !footer_selector = "#footer")
   html, body
-    :height 100%
+    height: 100%
   #{!root_selector}
-    :min-height 100%
-    :margin-bottom= -!footer_height
+    min-height: 100%
+    height: auto !important
+    height: 100%
+    margin-bottom= -!footer_height
     #{!root_footer_selector}
-      :height= !footer_height
+      height= !footer_height
   #{!footer_selector}
-    :clear both
-    :position relative
-    :height= !footer_height
+    clear: both
+    position: relative
+    height= !footer_height

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

@@ -2,5 +2,4 @@
 @import general/clearfix.sass
 @import general/float.sass
 @import general/tag_cloud.sass
-@import general/inline_block.sass
 @import general/hacks.sass

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

@@ -1,3 +1,3 @@
 @import links/hover_link.sass
 @import links/link_colors.sass
-@import links/unstyled_link.sass
+@import links/unstyled_link.sass

data/lib/compass/frameworks/compass/stylesheets/compass/utilities/_print.sass

@@ -0,0 +1,18 @@
+// Classes that are useful for controlling what gets printed.
+// You must mix +print-utilities into your print stylesheet
+// and +print-utilities("screen") into your screen stylesheet.
+// Note: these aren't semantic.
+=print-utilities(!media = "print")
+  @if !media == "print"
+    .noprint,
+    .no-print
+      display: none
+    #{elements_of_type("block")}
+      &.print-only
+        display: block
+    #{elements_of_type("inline")}
+      &.print-only
+        display: inline
+  @else
+    .print-only
+      display: none

data/lib/compass/frameworks/compass/stylesheets/compass/utilities/_sprites.sass

@@ -0,0 +1 @@
+@import sprites/sprite_img.sass

data/{frameworks → lib/compass/frameworks}/compass/stylesheets/compass/utilities/general/_clearfix.sass

@@ -6,7 +6,7 @@
   Recommendations include using this in conjunction with a width:
   http://www.quirksmode.org/blog/archives/2005/03/clearing_floats.html
 =clearfix
-  :overflow hidden
+  overflow: hidden
   +has-layout
 
 //**
@@ -15,10 +15,10 @@
   http://www.positioniseverything.net/easyclearing.html
 =pie-clearfix
   &:after
-    :content " "
-    :display block
-    :height 0
-    :clear both
-    :overflow hidden
-    :visibility hidden
+    content: " "
+    display: block
+    height: 0
+    clear: both
+    overflow: hidden
+    visibility: hidden
   +has-layout

data/{frameworks → lib/compass/frameworks}/compass/stylesheets/compass/utilities/general/_float.sass

@@ -13,5 +13,5 @@
 
 // Available as alternate syntax with just +float
 =float(!side = "left")
-  :display inline
-  :float= !side
+  display: inline
+  float= !side

data/{frameworks → lib/compass/frameworks}/compass/stylesheets/compass/utilities/general/_hacks.sass

@@ -1,6 +1,6 @@
 =has-layout
   // This makes ie6 get layout
-  :display inline-block
+  display: inline-block
   // and this puts it back to block
   &
-    :display block
+    display: block

data/{frameworks → lib/compass/frameworks}/compass/stylesheets/compass/utilities/general/_reset.sass

@@ -33,7 +33,7 @@
   q, blockquote
     +reset-quotation
     
-  img a
+  a img
     +reset-image-anchor-border
  
  
@@ -57,52 +57,52 @@
   q, blockquote
     +reset-quotation
   
-  img a
+  a img
     +reset-image-anchor-border
  
 //Mixins partials
 =reset-box-model
-  :margin 0
-  :padding 0
-  :border 0
-  :outline 0
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
  
 =reset-font
-  :font
-    :weight inherit
-    :style inherit
-    :size 100%
-    :family inherit
-  :vertical-align baseline
+  font:
+    weight: inherit
+    style: inherit
+    size: 100%
+    family: inherit
+  vertical-align: baseline
  
 =reset-focus
-  :outline 0
+  outline: 0
  
 =reset-body
-  :line-height 1em
-  :color = #000
-  :background #fff
+  line-height: 1em
+  color: #000
+  background: #fff
  
 =reset-list-style
-  :list-style none
+  list-style: none
  
 =reset-table
-  :border-collapse separate
-  :border-spacing 0
-  :vertical-align middle
+  border-collapse: separate
+  border-spacing: 0
+  vertical-align: middle
  
 =reset-table-cell
-  :text-align left
-  :font-weight normal
-  :vertical-align middle
+  text-align: left
+  font-weight: normal
+  vertical-align: middle
  
 =reset-quotation
-  :quotes "" ""
+  quotes: "" ""
   &:before, &:after
-    :content ""
+    content: ""
  
 =reset-image-anchor-border
-  :border none
+  border: none
 
 =reset-html5
   section, article, aside, header, footer, nav, dialog, figure
@@ -115,7 +115,7 @@
   Usage Example:
     // Turn off the display for both of these classes
     .unregistered-only, .registered-only
-      :display none
+      display: none
     // Now turn only one of them back on depending on some other context.
     body.registered
       +reset-display(".registered-only")
@@ -131,4 +131,4 @@
     @if !important
       display: block !important
     @else
-      display: block
+      display: block