compass-edge 0.9.1

data/lib/compass/frameworks/compass/stylesheets/compass/utilities/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/utilities/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/utilities/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/utilities/general/_clearfix.sass

@@ -0,0 +1,24 @@
+@import hacks.sass
+
+//**
+  Extends the element to enclose any floats it contains.
+  This basic method is preferred for the usual case, when positioned content will not show outside the bounds of the container.
+  Recommendations include using this in conjunction with a width:
+  http://www.quirksmode.org/blog/archives/2005/03/clearing_floats.html
+=clearfix
+  overflow: hidden
+  +has-layout
+
+//**
+  Extends the element to enclose any floats it contains.
+  This older "Easy Clearing" method has the advantage of allowing positioned elements to hang outside the bounds of the container, at the expense of more tricky CSS.
+  http://www.positioniseverything.net/easyclearing.html
+=pie-clearfix
+  &:after
+    content: " "
+    display: block
+    height: 0
+    clear: both
+    overflow: hidden
+    visibility: hidden
+  +has-layout

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

@@ -0,0 +1,17 @@
+//**\\
+  Float
+
+@import clearfix.sass
+
+// Implementation of float:left with fix for double-margin bug
+=float-left
+  +float("left")
+
+// Implementation of float:right with fix for double-margin bug
+=float-right
+  +float("right")
+
+// Available as alternate syntax with just +float
+=float(!side = "left")
+  display: inline
+  float= !side

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

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

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

@@ -0,0 +1,134 @@
+// Based on Eric Meyer's reset http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
+
+// Global reset rules.
+// For more specific resets, use the reset mixins provided below
+=global-reset
+  html, body, div, span, applet, object, iframe,
+  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+  a, abbr, acronym, address, big, cite, code,
+  del, dfn, em, font, img, ins, kbd, q, s, samp,
+  small, strike, strong, sub, sup, tt, var,
+  dl, dt, dd, ol, ul, li,
+  fieldset, form, label, legend,
+  table, caption, tbody, tfoot, thead, tr, th, td
+    +reset-box-model
+    +reset-font
+  
+  *:focus
+    +reset-focus
+  
+  body
+    +reset-body
+    
+  ol, ul
+    +reset-list-style
+
+  /* tables still need 'cellspacing="0"' in the markup 
+  table
+    +reset-table
+  
+  caption, th, td
+    +reset-table-cell
+  
+  q, blockquote
+    +reset-quotation
+    
+  img a
+    +reset-image-anchor-border
+ 
+ 
+// Reset all elements within some selector scope.To reset the selector itself,
+// mixin the appropriate reset mixin for that element type as well. This could be
+// useful if you want to style a part of your page in a dramatically different way.
+=nested-reset
+  div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
+  pre, a, abbr, acronym, address, code, del, dfn, em, img,
+  dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr
+    +reset-box-model
+    +reset-font
+
+  /* tables still need 'cellspacing="0"' in the markup 
+  table
+    +reset-table
+  
+  caption, th, td
+    +reset-table-cell
+  
+  q, blockquote
+    +reset-quotation
+  
+  img a
+    +reset-image-anchor-border
+ 
+//Mixins partials
+=reset-box-model
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
+ 
+=reset-font
+  font:
+    weight: inherit
+    style: inherit
+    size: 100%
+    family: inherit
+  vertical-align: baseline
+ 
+=reset-focus
+  outline: 0
+ 
+=reset-body
+  line-height: 1em
+  color: #000
+  background: #fff
+ 
+=reset-list-style
+  list-style: none
+ 
+=reset-table
+  border-collapse: separate
+  border-spacing: 0
+  vertical-align: middle
+ 
+=reset-table-cell
+  text-align: left
+  font-weight: normal
+  vertical-align: middle
+ 
+=reset-quotation
+  quotes: "" ""
+  &:before, &:after
+    content: ""
+ 
+=reset-image-anchor-border
+  border: none
+
+=reset-html5
+  section, article, aside, header, footer, nav, dialog, figure
+    display: block
+
+//**
+  Resets the display of inline and block elements to their default display
+  according to their tag type. Elements that have a default display that varies across
+  versions of html or browser are not handled here, but this covers the 90% use case.
+  Usage Example:
+    // Turn off the display for both of these classes
+    .unregistered-only, .registered-only
+      display: none
+    // Now turn only one of them back on depending on some other context.
+    body.registered
+      +reset-display(".registered-only")
+    body.unregistered
+      +reset-display(".unregistered-only")
+=reset-display(!selector = "", !important = false)
+  #{append_selector(elements_of_type("inline"), !selector)}
+    @if !important
+      display: inline !important
+    @else
+      display: inline
+  #{append_selector(elements_of_type("block"), !selector)}
+    @if !important
+      display: block !important
+    @else
+      display: block

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/lib/compass/frameworks/compass/stylesheets/compass/utilities/links/_hover_link.sass

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

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

@@ -0,0 +1,24 @@
+// Set all the colors for a link with one mixin call
+// Order of arguments is:
+// normal, hover, active, visited, focus
+// states not specified will inherit.
+// Mixin like so:
+// a
+//   +link-colors(#00c, #0cc, #c0c, #ccc, #cc0)
+
+=link-colors(!normal, !hover = false, !active = false, !visited = false, !focus = false)
+  color= !normal
+  @if !visited
+    &:visited
+      color= !visited
+  @if !focus
+    &:focus
+      color= !focus
+  @if !hover
+    &:hover
+      color= !hover
+  @if !active
+    &: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/lib/compass/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.sass

@@ -0,0 +1,21 @@
+// Turn off the bullet for an element of a list
+=no-bullet
+  list-style-type: none
+  margin-left: 0px
+
+// turns off the bullets for an entire list
+=no-bullets
+  li
+    +no-bullet
+
+// Make a list(ul/ol) have an image bullet
+// mixin should be used like this for an icon that is 5x7:
+// ul.pretty
+//   +pretty-bullets("my-icon.png", 5px, 7px)
+=pretty-bullets(!bullet_icon, !width, !height, !line_height = 18px, !padding = 14px)
+  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
+

data/lib/compass/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal_list.sass

@@ -0,0 +1,52 @@
+//**\\
+  Horizontal list layout module.
+  
+  Easy mode using simple descendant li selectors:
+  
+    ul.nav
+      +horizontal-list
+  
+  Advanced mode:
+  If you need to target the list items using a different selector then use
+  +horizontal-list-container on your ul/ol and +horizontal-list-item on your li.
+  This may help when working on layouts involving nested lists. For example:
+  
+    ul.nav
+      +horizontal-list-container
+      > li
+        +horizontal-list-item
+
+@import bullets.sass
+@import compass/utilities/general/reset.sass
+@import compass/utilities/general/float.sass
+
+//**
+  Can be mixed into any selector that target a ul or ol that is meant
+  to have a horizontal layout. Used to implement +horizontal-list.
+=horizontal-list-container
+  +reset-box-model
+  +clearfix
+
+//**
+  Can be mixed into any li selector that is meant to participate in a horizontal layout.
+  Used to implement +horizontal-list.
+=horizontal-list-item(!padding = 4px)
+  +no-bullet
+  white-space: nowrap
+  +float-left
+  padding:
+    left= !padding
+    right= !padding
+  &.first
+    padding-left: 0px
+  &.last
+    padding-right: 0px
+
+//**
+  A list(ol,ul) that is layed out such that the elements are floated left and won't wrap.
+  This is not an inline list.
+=horizontal-list(!padding = 4px)
+  +horizontal-list-container
+  li
+    +horizontal-list-item(!padding)
+

data/lib/compass/frameworks/compass/stylesheets/compass/utilities/lists/_inline_list.sass

@@ -0,0 +1,29 @@
+// makes a list inline.
+
+=inline-list
+  list-style-type: none
+  margin: 0px
+  padding: 0px
+  display: inline
+  li
+    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.
+//
+// use of :content and :after is not fully supported in all browsers.
+// See http://www.quirksmode.org/css/contents.html#t15 for the support matrix
+//
+// :last-child is not fully supported
+// see http://www.quirksmode.org/css/contents.html#t29 for the support matrix
+
+=comma-delimited-list
+  +inline-list
+  li
+    &:after
+      content: ", "
+    &:last-child, &.last
+      &:after
+        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