chriseppstein-compass 0.6.9 → 0.6.10

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

@@ -0,0 +1,5 @@
+// A link that looks and acts like the text it is contained within
+=unstyled-link
+  :color inherit
+  :text-decoration inherit
+  :cursor inherit

data/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/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-item-container
+  li
+    +horizontal-list-item(!padding)
+

data/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/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/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/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/compass/stylesheets/compass/utilities/text/_nowrap.sass

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

data/frameworks/compass/stylesheets/compass/utilities/text/_replacement.sass

@@ -0,0 +1,10 @@
+// Hides html text and replaces it with an image.
+// If you use this on an inline element, you will
+// need to change the display to block or inline-block.
+=replace-text( !img, !x = 50%, !y = 50% )
+  :text-indent -9999em
+  :overflow    hidden
+  :background
+    :image= image_url(!img)
+    :repeat no-repeat
+    :position= !x !y

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

@@ -0,0 +1,6 @@
+/*
+  Welcome to Compass. Use this file to write IE specific override styles.
+  Import this file using the following HTML or equivalent:
+  <!--[if IE]>
+    <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
+  <![endif]-->

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

@@ -0,0 +1,3 @@
+stylesheet 'screen.sass', :media => 'screen, projection'
+stylesheet 'print.sass',  :media => 'print'
+stylesheet 'ie.sass',     :media => 'screen, projection', :ie => true

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

@@ -0,0 +1,6 @@
+/*
+  Welcome to Compass. Use this file to define print styles.
+  Import this file using the following HTML or equivalent:
+  <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />
+  
+

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

@@ -0,0 +1,7 @@
+/*
+  Welcome to Compass.
+  In this file you should write your main styles. (or centralize your imports)
+  Import this file using the following HTML or equivalent:
+  <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
+
+@import compass/reset.sass

data/frameworks/yui.rb

@@ -0,0 +1,2 @@
+yui_dir = File.join(Compass.base_directory, 'frameworks', 'yui')
+Compass::Frameworks.register('yui', yui_dir)

data/frameworks/yui/stylesheets/_yui.sass

@@ -0,0 +1,7 @@
+@import yui/modules/base.sass
+@import yui/modules/fonts.sass
+@import yui/modules/grids.sass
+=yui
+  +yui-base
+  +yui-base-fonts
+  +yui-grids

data/frameworks/yui/stylesheets/yui/modules/_base.sass

@@ -0,0 +1,60 @@
+=yui-base
+  h1
+    :font-size 138.5%
+
+  h2
+    :font-size 123.1%
+
+  h3
+    :font-size 108%
+
+  h1, h2, h3
+    :margin 1em 0
+
+  h1,h2, h3, h4, h5, h6, strong
+    :font-weight bold
+
+  abbr, acronym
+    :border-bottom 1px dotted #000
+    :cursor help
+
+  em
+    :font-style italic
+
+  blockquote
+    :margin 1em
+
+  ul
+    :margin 1em
+    :margin-left 2em
+    li
+      :list-style disc outside
+
+  ol
+    :margin 1em
+    :margin-left 2em
+    li
+      :list-style decimal outside
+
+  dl
+    :margin 1em
+    :margin-left 2em
+    dd
+      :margin-left 1em
+
+  th
+    :border 1px solid #000
+    :padding .5em
+    :font-weight bold
+    :text-align center
+
+  td
+    :border 1px solid #000
+    :padding .5em
+
+  caption
+    :margin-bottom .5em
+    :text-align center
+
+  p, fieldset, table
+    :margin-bottom 1em

data/frameworks/yui/stylesheets/yui/modules/_fonts.sass

@@ -0,0 +1,38 @@
+!yui_default_base_font_size ||= 13px
+!yui_default_base_line_height ||= 1.231
+!yui_default_font_family ||= "arial,helvetica,clean,sans-serif"
+
+// Sets the font size specified in pixels using percents so that the base
+// font size changes and 1em has the correct value. When nesting font size
+// declarations, within the DOM tree, the base_font_size must be the parent's
+// effective font-size in pixels.
+// Usage Examples:
+//   .big
+//     +font-size(16px)
+//   .bigger
+//     +font-size(18px)
+//   .big .bigger
+//     +font-size(18px, 16px)
+// 
+// For more information see the table found at http://developer.yahoo.com/yui/fonts/#fontsize
+=font-size(!size, !base_font_size = !yui_default_base_font_size)
+  :font-size= percentage(!size / !base_font_size)
+
+// Sets the base fonts for a page, this should be mixed into the top level of a stylesheet.
+=yui-base-fonts(!family = !yui_default_font_family, !size = !yui_default_base_font_size, !line_height = !yui_default_base_line_height)
+  body
+    :font
+      :size= !size
+      :family= !family
+    :line-height= !line_height
+    :*font-size small
+    :*font x-small
+
+  table
+    :font-size inherit
+    :font 100%
+
+  pre, code, kbd, samp, tt
+    :font-family monospace
+    :*font-size 108%
+    :line-height 100%

data/frameworks/yui/stylesheets/yui/modules/_grids.sass

@@ -0,0 +1,341 @@
+// This is a port of YUI Grids version 2.6.0
+// Note: This is not really tested yet. Use at your own risk.
+
+@import compass/utilities/general/float.sass
+@import fonts.sass
+
+=yui-grids
+  +yui-grids-init
+  +yui-grid-templates
+  +yui-grid-divisions
+
+=yui-grid-templates
+  #doc
+    +yui-document(750px)
+  #doc2
+    +yui-document(950px)
+  #doc3
+    +yui-document("fluid")
+  #doc4
+    +yui-document(974px)
+  .yui-t1
+    +yui-two-column-left-template(160px)
+  .yui-t2
+    +yui-two-column-left-template(180px)
+  .yui-t3
+    +yui-two-column-left-template(300px)
+  .yui-t4
+    +yui-two-column-right-template(180px)
+  .yui-t5
+    +yui-two-column-right-template(240px)
+  .yui-t6
+    +yui-two-column-right-template(300px)
+
+=yui-grids-footer
+  clear: both
+
+=yui-grids-body
+  +clearfix
+
+=yui-grids-init(!footer = "#ft", !body = "#bd")
+  body
+    :text-align center
+  @if !footer
+    #{!footer}
+      +yui-grids-footer
+  @if !body
+    #{!body}
+      +yui-grids-body
+
+=em-size(!style, !px_size, !base_font_size = !yui_default_base_font_size)
+  :#{!style}= 1em * !px_size / !base_font_size
+
+=em-size-hacked(!style, !px_size, !base_font_size = !yui_default_base_font_size)
+  +em-size(!style, !px_size, !base_font_size)
+  +em-size("*"+!style, !px_size * 39 / 40, !base_font_size)
+
+// All documents must have these styles. Setting a min-width is optional, but recommended. To omit it, pass false as the min_width value.
+=yui-document-base(!min_width = 750px)
+  :margin auto
+  :text-align left
+  @if !min_width
+    :min-width= !min_width
+
+=yui-block-base
+  :position relative
+  :_position static
+
+=yui-main-block
+  :position static
+  :float none
+  :width auto
+
+
+// Creates a fixed width document container
+// Pass "fluid" for the width to create a document that grows with the width of the browser.
+=yui-document(!width, !min_width = 750px, !base_font_size = !yui_default_base_font_size)
+  +yui-document-base(!min_width)
+  @if !width == "fluid"
+    :margin auto 10px
+    :width auto
+  @else
+    +em-size-hacked("width", !width, !base_font_size)
+
+=yui-two-column-left-template(!column_width, !main_selector = "#yui-main", !block_selector = ".yui-b", !document_width = 750px, !min_width = 750px, !base_font_size = !yui_default_base_font_size)
+  +yui-document(!document_width, !min_width, !base_font_size)
+  #{!main_selector}
+    :width 100%
+    :float right
+    +em-size("margin-left", -!column_width - 10px, !base_font_size)
+    #{!block_selector}
+      +yui-main-block
+      +em-size-hacked("margin-left", !column_width, !base_font_size)
+  #{!block_selector}
+    +yui-block-base
+    :float left
+    +em-size-hacked("width", !column_width, !base_font_size)
+
+=yui-two-column-right-template(!column_width, !main_selector = "#yui-main", !block_selector = ".yui-b", !document_width = 750px, !min_width = 750px, !base_font_size = !yui_default_base_font_size)
+  +yui-document(!document_width, !min_width, !base_font_size)
+  #{!main_selector}
+    :width 100%
+    :float left
+    +em-size("margin-right", -!column_width - 10px, !base_font_size)
+    #{!block_selector}
+      +yui-main-block
+      +em-size-hacked("margin-right", !column_width, !base_font_size)
+  #{!block_selector}
+    +yui-block-base
+    :float right
+    +em-size-hacked("width", !column_width, !base_font_size)
+
+=yui-one-column-template(!main_selector = "#yui-main", !block_selector = ".yui-b", !document_width = 750px, !min_width = 750px, !base_font_size = !yui_default_base_font_size)
+  +yui-document(!document_width, !min_width, !base_font_size)
+  #{!main_selector}
+    :width 100%
+    #{!block_selector}
+      +yui-main-block
+      :display block
+      :margin 0 0 1em 0
+  #{!block_selector}
+    +yui-block-base
+
+=yui-custom-template(!main_selector = "#yui-main", !block_selector = ".yui-b")
+  #{!main_selector}
+    :width 100%
+    #{!block_selector}
+      +yui-main-block
+  #{!block_selector}
+    +yui-block-base
+
+=yui-grid-divisions(!unit = ".yui-u", !g_50_50 = ".yui-g", !g_33_33_33 = ".yui-gb", !g_67_33 = ".yui-gc", !g_33_67 = ".yui-gd", !g_75_25 = ".yui-ge", !g_25_75 = ".yui-gf")
+  #{nest(!g_50_50, !g_33_33_33, !unit)},
+  #{nest(!g_67_33, !unit)},
+  #{nest(!g_67_33, !g_50_50)},
+  #{nest(!g_33_67, !unit)},
+  #{nest(!g_33_33_33, !g_50_50)},
+  #{nest(!g_33_33_33, !g_33_33_33)},
+  #{nest(!g_33_33_33, !g_67_33)},
+  #{nest(!g_33_33_33, !g_33_67)},
+  #{nest(!g_33_33_33, !g_75_25)},
+  #{nest(!g_33_33_33, !g_25_75)},
+  #{nest(!g_33_33_33, !unit)}
+    float: left
+    margin-left: 2%
+    width: 32%
+
+  #{!g_33_33_33}
+    #{!g_33_33_33},
+    #{!g_67_33}
+      #{!unit}
+        *margin-left: 1.8%
+        _margin-left: 4%
+
+  #{nest(!g_50_50, !g_33_33_33, !unit)}
+    _margin-left: .8%
+
+  #{nest(!g_33_33_33, !unit)}
+    float: right
+
+  #{nest(!g_33_33_33, "div.first")}
+    margin-left: 0
+    float: left
+
+  #{!g_50_50},
+  #{!g_33_33_33}
+    #{!g_33_33_33}
+      div.first
+        *margin-right: 0
+        *width: 32%
+        _width: 31.7%
+
+  #{!g_33_33_33}
+    #{!g_67_33},
+    #{!g_33_67}
+      div.first
+    *margin-right: 0
+
+  #{nest(!g_33_33_33, !g_33_67, !unit)}
+    *width: 66%
+    _width: 61.2%
+
+  #{nest(!g_33_33_33, !g_33_67, "div.first")}
+    *width: 31%
+    _width: 29.5%
+
+  #{!g_50_50},
+  #{!g_33_33_33}
+    #{!g_67_33}
+      #{!unit}
+        width: 32%
+        _float: right
+        margin-right: 0
+        _margin-left: 0
+
+  #{nest(!g_33_33_33, !g_67_33, "div.first")}
+    width: 66%
+    *float: left
+    *margin-left: 0
+
+  #{!g_33_33_33}
+    #{!g_75_25},
+    #{!g_25_75}
+      #{!unit}
+        margin: 0
+
+  #{nest(!g_50_50, !unit)},
+  #{nest(!g_50_50, !g_50_50)},
+  #{nest(!g_50_50, !g_33_33_33)},
+  #{nest(!g_50_50, !g_67_33)},
+  #{nest(!g_50_50, !g_33_67)},
+  #{nest(!g_50_50, !g_75_25)},
+  #{nest(!g_50_50, !g_25_75)},
+  #{nest(!g_67_33, !unit)},
+  #{nest(!g_33_67, !g_50_50)},
+  #{nest(!g_50_50, !g_67_33, !unit)},
+  #{nest(!g_75_25, !unit)},
+  #{nest(!g_75_25, !g_50_50)},
+  #{nest(!g_25_75, !g_50_50)},
+  #{nest(!g_25_75, !unit)}
+    float: right
+
+  #{nest(!g_50_50, !g_67_33)},
+  #{nest(!g_50_50, !g_75_25)},
+  #{!g_50_50},
+  #{!g_67_33},
+  #{nest(!g_67_33, "div.first")},
+  #{!g_33_67},
+  #{!g_75_25},
+  #{!g_25_75}
+    div.first
+      float: left
+
+  #{!g_50_50},
+  #{!g_33_33_33},
+  #{!g_67_33},
+  #{!g_33_67},
+  #{!g_75_25},
+  #{!g_25_75}
+    #{!g_50_50}
+      #{!unit}
+        width: 49%
+        *width: 48.1%
+        *margin-left: 0
+
+  #{nest(!g_50_50, !g_50_50, "div.first")}
+    *margin: 0
+
+  #{nest(!g_33_33_33, !g_50_50, "div.first")}
+    *margin-right: 4%
+    _margin-right: 1.3%
+
+  #{nest(!g_33_33_33, !g_33_33_33, !unit)}
+    _margin-left: .7%
+
+  #{nest(!g_33_33_33, !g_50_50)},
+  #{nest(!g_33_33_33, !g_33_33_33)}
+    div.first
+      *margin-left: 0
+
+  #{!g_67_33},
+  #{!g_33_67}
+    #{!g_50_50}
+      #{!unit}
+        *width: 48.1%
+        *margin-left: 0
+
+  #{!g_50_50}
+    #{!unit},
+    #{!g_50_50},
+    #{!g_33_33_33},
+    #{!g_67_33},
+    #{!g_33_67},
+    #{!g_75_25},
+    #{!g_25_75}
+      width: 49.1%
+
+  #{nest(!g_50_50, !g_33_33_33)},
+  #{!g_33_33_33},
+  #{!g_67_33},
+  #{!g_33_67}
+    div.first
+      margin-left: 0
+
+  #{nest(!g_50_50, !g_67_33, "div.first")},
+  #{nest(!g_67_33, "div.first")},
+  #{nest(!g_33_67, !g_50_50)},
+  #{nest(!g_33_67, !unit)}
+    width: 66%
+
+  #{!g_33_67},
+  #{nest(!g_33_33_33, !g_33_67)}
+    div.first
+      width: 32%
+
+  #{nest(!g_50_50, !g_33_67, "div.first")}
+    _width: 29.9%
+
+  #{nest(!g_75_25, !unit)},
+  #{nest(!g_75_25, !g_50_50)},
+  #{nest(!g_25_75, "div.first")}
+    width: 24%
+
+  #{!g_33_33_33}
+    #{!g_75_25},
+    #{!g_25_75}
+      div#{!unit}
+        float: right
+
+  #{!g_33_33_33}
+    #{!g_75_25},
+    #{!g_25_75}
+      div.first
+        float: left
+
+  #{nest(!g_75_25, "div.first")},
+  #{nest(!g_25_75, !g_50_50)},
+  #{nest(!g_25_75, !unit)}
+    width: 74.2%
+
+  #{!g_33_33_33}
+    #{nest(!g_75_25, !unit)},
+    #{nest(!g_25_75, "div.first")}
+      *width: 24%
+      _width: 20%
+
+  #{!g_33_33_33}
+    #{nest(!g_75_25, "div.first")},
+    #{nest(!g_25_75, !unit)}
+      *width: 73.5%
+      _width: 65.5%
+
+  #{!g_50_50},
+  #{!g_33_33_33},
+  #{!g_67_33},
+  #{!g_33_67},
+  #{!g_75_25},
+  #{!g_25_75}
+    +clearfix
+
+  #{nest(!g_33_33_33, !unit)}
+    float: left