merbjedi-compass 0.5.0

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/clearfix.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

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

@@ -0,0 +1 @@
+stylesheet 'screen.sass', :media => "screen, projection"