compass 0.8.16

data/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/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-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/sprites/_sprite_img.sass

@@ -0,0 +1,12 @@
+!sprite_image_default_width  ||= 32px
+!sprite_image_default_height ||= 32px
+!sprite_image_default_margin ||= 0px
+
+// Simplest use: +sprite-img("icons-32.png", 1)
+=sprite-img(!img, !col, !row = 1, !width = !sprite_image_default_width, !height = !sprite_image_default_height, !margin = !sprite_image_default_margin)
+  !x = ((!col - 1) * -!width) - ((!col - 1) * !margin)
+  !y = ((!row - 1) * -!height) - ((!row - 1) * !margin)
+  :background= image_url(!img) "no-repeat" !x !y
+  :width= !width
+  :height= !height
+  :overflow hidden

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

@@ -0,0 +1,13 @@
+//
+  This technique, by [Justin Maxwell](http://code404.com/), was originally
+  published at http://mattsnider.com/css/css-string-truncation-with-ellipsis/
+  Firefox implementation by [Rikkert Koppes](http://www.rikkertkoppes.com/thoughts/2008/6/)
+
+=ellipsis(!no_wrap = true)
+  @if !no_wrap
+    white-space: nowrap
+  overflow: hidden
+  text-overflow: ellipsis
+  -o-text-overflow: ellipsis
+  -ms-text-overflow: ellipsis
+  -moz-binding= stylesheet_url("xml/ellipsis.xml#ellipsis")

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,17 @@
+//
+  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.
+  Also, if the size of the image differs significantly from the font size, you'll need to set the width and/or height.
+  @param img
+    the relative path from the project image directory to the image.
+  @param x
+    the x position of the background image.
+  @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

data/frameworks/compass/templates/ellipsis/ellipsis.sass

@@ -0,0 +1,6 @@
+@import compass/utilities/text/ellipsis.sass
+
+// You can delete this sass file if you want, it's just an example of how to use the ellipsis mixin.
+// By default, ellipsis text is no-wrap. Pass false as the first argument if you don't want that.
+.ellipsis
+  +ellipsis

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

@@ -0,0 +1,2 @@
+file 'xml/ellipsis.xml', :like => :css
+stylesheet 'ellipsis.sass'

data/frameworks/compass/templates/ellipsis/xml/ellipsis.xml

@@ -0,0 +1,14 @@
+<?xml version="1.0"?>
+<bindings
+  xmlns="http://www.mozilla.org/xbl"
+  xmlns:xbl="http://www.mozilla.org/xbl"
+  xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+>
+	<binding id="ellipsis">
+		<content>
+			<xul:window>
+				<xul:description crop="end" xbl:inherits="value=xbl:text"><children/></xul:description>
+			</xul:window>
+		</content>
+	</binding>
+</bindings>

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', :condition => "IE"

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,13 @@
+/*
+  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
+
+/*
+  The *:focus rule is reset and suppresses link outlining.
+  You _must_ remember to redefine your own outline, as it’s an important accessibility aid. E.g.
+  *:focus
+    outline: #ccc dotted medium

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%