compass 0.8.16

data/frameworks/blueprint/stylesheets/blueprint/modules/_utilities.sass

@@ -0,0 +1,37 @@
+@import compass/utilities/text/nowrap.sass
+@import compass/utilities/general/float.sass
+
+// Most of these utility classes are not "semantic". If you use them,
+// you are mixing your content and presentation. For shame!
+
+=blueprint-utilities
+  // Regular clearing apply to column that should drop below previous ones.
+  .clear
+    :clear both
+  // turn off text wrapping for the element.
+  .nowrap
+    +nowrap
+  // Apply to an element that has floated children to make the bottom
+  // of the element fall _below_ the floated children.
+  .clearfix
+    +clearfix
+  .small
+    :font-size .8em
+    :margin-bottom 1.875em
+    :line-height 1.875em
+  .large
+    :font-size 1.2em
+    :line-height 2.5em
+    :margin-bottom 1.25em
+  .first
+    :margin-left 0
+    :padding-left 0
+  .last
+    :margin-right 0
+    :padding-right 0
+  .top
+    :margin-top 0
+    :padding-top 0
+  .bottom
+    :margin-bottom 0
+    :padding-bottom 0

data/frameworks/blueprint/templates/buttons/buttons.sass

@@ -0,0 +1,49 @@
+@import compass/utilities/general/float.sass
+@import blueprint/modules/buttons.sass
+
+//
+  Use the following HTML code to place the buttons on your site:
+  
+  <button type="submit" class="button positive">
+    <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
+  </button>
+  
+  <a class="button" href="/password/reset/">
+    <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
+  </a>
+  
+  <a href="#" class="button negative">
+    <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
+  </a>
+
+a.button
+  // you can pass "left" or "right" to +anchor-button to float it in that direction
+  // or you can pass no argument to leave it inline-block (cross browser safe!) within
+  // the flow of your page.
+  +anchor-button("left")
+  // All the button color mixins take 4 optional arguments:
+  // font color, background color, border color, border highlight color
+  // the first three default to constants set in blueprint/modules/buttons.sass
+  // the last one defaults to a shade lighter than the border color.
+  +button-colors
+  +button-hover-colors
+  +button-active-colors
+
+button
+  // The +button-button mixin is just like the +anchor-button mixin, but for <button> elements.
+  +button-button("left")
+  +button-colors
+  +button-hover-colors
+  +button-active-colors
+
+// We can change the colors for buttons of certain classes, etc.
+a.positive, button.positive
+  :color #529214
+  +button-hover-colors(#529214, #E6EFC2, #C6D880)
+  +button-active-colors(#FFF, #529214, #529214)
+
+a.negative, button.negative
+  :color #D12F19
+  +button-hover-colors(#D12F19, #FBE3E4, #FBC2C4)
+  +button-active-colors(#FFF, #D12F19, #D12F19)
+

data/frameworks/blueprint/templates/buttons/manifest.rb

@@ -0,0 +1,5 @@
+stylesheet 'buttons.sass', :media => 'screen, projection'
+
+image 'buttons/cross.png'
+image 'buttons/key.png'
+image 'buttons/tick.png'

data/frameworks/blueprint/templates/link_icons/link_icons.sass

@@ -0,0 +1,13 @@
+@import blueprint/modules/link_icons.sass
+
+// This turns link icons on for all links. You can change the scoping selector from
+// body to something more specific if you prefer.
+body
+  +link-icons
+  // Use this class if a link gets an icon when it shouldn't.
+  a.noicon
+    +no-link-icon
+  // Not all links have a url structure that can be detected,
+  // So you can set them explicitly yourself like so:
+  a#this-is-a-pdf-link
+    +link-icon("pdf.png")

data/frameworks/blueprint/templates/link_icons/manifest.rb

@@ -0,0 +1,10 @@
+stylesheet "link_icons.sass", :media => 'screen, projection'
+
+image 'link_icons/doc.png'
+image 'link_icons/email.png'
+image 'link_icons/external.png'
+image 'link_icons/feed.png'
+image 'link_icons/im.png'
+image 'link_icons/pdf.png'
+image 'link_icons/visited.png'
+image 'link_icons/xls.png'

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

@@ -0,0 +1,15 @@
+@import blueprint.sass
+
++blueprint-ie 
+
+// Note :
+//
+// Compass will center text to fix IE6 container centering.
+// This means all your texts will be centered under all version of IE by default.
+// Please don't forget to restore the correct behavior to your main container (but not the body tag!)
+//
+// Example :
+//
+// .container, .footer
+//   :text-align left
+

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

@@ -0,0 +1,6 @@
+stylesheet 'screen.sass', :media => 'screen, projection'
+stylesheet 'partials/_base.sass'
+stylesheet 'print.sass',  :media => 'print'
+stylesheet 'ie.sass',     :media => 'screen, projection', :condition => "lt IE 8"
+
+image 'grid.png'

data/frameworks/blueprint/templates/project/partials/_base.sass

@@ -0,0 +1,11 @@
+// Here is where you can define your constants for your application and to configure the blueprint framework.
+// Feel free to delete these if you want keep the defaults:
+
+!blueprint_grid_columns = 24
+!blueprint_container_size = 950px
+!blueprint_grid_margin  = 10px
+
+// Use this to calculate the width based on the total width.
+// Or you can set !blueprint_grid_width to a fixed value and unset !blueprint_container_size -- it will be calculated for you.
+!blueprint_grid_width   = (!blueprint_container_size + !blueprint_grid_margin) / !blueprint_grid_columns - !blueprint_grid_margin
+

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

@@ -0,0 +1,3 @@
+@import blueprint.sass
+
++blueprint-print

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

@@ -0,0 +1,40 @@
+// This import applies a global reset to any page that imports this stylesheet.
+@import blueprint/reset.sass
+// To configure blueprint, edit the partials/base.sass file.
+@import partials/base.sass
+// Import all the default blueprint modules so that we can access their mixins.
+@import blueprint
+// Import the non-default scaffolding module.
+@import blueprint/modules/scaffolding.sass
+
+// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
+// +blueprint
+
+//Recommended Blueprint configuration with scoping and semantic layout:
++blueprint-typography("body.bp")
++blueprint-scaffolding("body.bp")
+body.bp
+  +blueprint-utilities
+  +blueprint-debug
+  +blueprint-interaction
+  // Remove the scaffolding when you're ready to start doing visual design.
+  // Or leave it in if you're happy with how blueprint looks out-of-the-box
+form.bp
+  +blueprint-form
+
+// Page layout can be done using mixins applied to your semantic classes and IDs:
+body.three-col
+  #container
+    +container
+  #header, #footer
+    +column(!blueprint_grid_columns)
+  #sidebar
+    // One third of the grid columns, rounding down. With 24 cols, this is 8.
+    !sidebar_columns = floor(!blueprint_grid_columns / 3)
+    +column(!sidebar_columns)
+  #content
+    // Two thirds of the grid columns, rounding up.
+    // With 24 cols, this is 16.
+    !content_columns = ceil(2 * !blueprint_grid_columns / 3)
+    // true means it's the last column in the row
+    +column(!content_columns, true)

data/frameworks/compass.rb

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

data/frameworks/compass/stylesheets/_compass.sass

@@ -0,0 +1 @@
+@import compass/utilities.sass

data/frameworks/compass/stylesheets/compass/_layout.sass

@@ -0,0 +1 @@
+@import layout/sticky_footer.sass

data/frameworks/compass/stylesheets/compass/_misc.sass

@@ -0,0 +1,24 @@
+//
+  This logo was designed by Jared Hardy <jared@jaredhardy.com>
+  This work is licensed under the Creative Commons Attribution 3.0 United States License.
+  To view a copy of this license, visit http://creativecommons.org/licenses/by/3.0/us/
+  or send a letter to:
+  Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA.
+
+=unobtrusive-logo(!size = 1em)
+  :font-family Monaco, Courier, "Lucida Sans Unicode", monospace
+  :font-size= !size
+  :color #888
+  .selector
+    :vertical-align middle
+    :font-size= 1.3em
+  .brace
+    :vertical-align middle
+    :font bold 1.7em Georgia, "Times New Roman", serif
+    :color #CCC
+    :margin= 0 -0.2em
+  .rule
+    :vertical-align middle
+    :margin= 0 -0.2em
+
+  

data/frameworks/compass/stylesheets/compass/_reset.sass

@@ -0,0 +1,3 @@
+@import utilities/general/reset.sass
+
++global-reset

data/frameworks/compass/stylesheets/compass/_utilities.sass

@@ -0,0 +1,6 @@
+@import utilities/general.sass
+@import utilities/links.sass
+@import utilities/lists.sass
+@import utilities/sprites.sass
+@import utilities/tables.sass
+@import utilities/text.sass

data/frameworks/compass/stylesheets/compass/layout/_sticky_footer.sass

@@ -0,0 +1,17 @@
+// Based on http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
+// Mix into the top level.
+// Footer element must be outside of root wrapper element.
+// Footer must be a fixed height.
+
+=sticky-footer(!footer_height, !root_selector = "#root", !root_footer_selector = "#root_footer", !footer_selector = "#footer")
+  html, body
+    :height 100%
+  #{!root_selector}
+    :min-height 100%
+    :margin-bottom= -!footer_height
+    #{!root_footer_selector}
+      :height= !footer_height
+  #{!footer_selector}
+    :clear both
+    :position relative
+    :height= !footer_height

data/frameworks/compass/stylesheets/compass/utilities/_general.sass

@@ -0,0 +1,6 @@
+@import general/reset.sass
+@import general/clearfix.sass
+@import general/float.sass
+@import general/tag_cloud.sass
+@import general/inline_block.sass
+@import general/hacks.sass

data/frameworks/compass/stylesheets/compass/utilities/_links.sass

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

data/frameworks/compass/stylesheets/compass/utilities/_lists.sass

@@ -0,0 +1,3 @@
+@import lists/horizontal_list.sass
+@import lists/inline_list.sass
+@import lists/bullets.sass

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

@@ -0,0 +1,24 @@
+// 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
+    address, blockquote, center, dir, div, dd, dl, dt,
+    fieldset, form, frameset, h1, h2, h3, h4, h5, h6, hr,
+    isindex, li, menu, noframes, noscript, ol, p, pre,
+    table, tbody, td, tfoot, th, thead, tr, ul
+      &.print-only
+        :display block
+    a, abbr, acronym, b, basefont, bdo, big, br, cite,
+    code, dfn, em, font, i, img, input, kbd, label, q, s,
+    samp, select, small, span, strike, strong, sub, sup,
+    textarea, tt, u, var
+      &.print-only
+        :display inline
+  @else
+    .print-only
+      :display none

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

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

data/frameworks/compass/stylesheets/compass/utilities/_tables.sass

@@ -0,0 +1,3 @@
+@import tables/alternating_rows_and_columns.sass
+@import tables/borders.sass
+@import tables/scaffolding.sass

data/frameworks/compass/stylesheets/compass/utilities/_text.sass

@@ -0,0 +1,2 @@
+@import text/nowrap.sass
+@import text/replacement.sass

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

@@ -0,0 +1,6 @@
+=inline-block
+  :zoom 1
+  :display inline
+  :display -moz-inline-box
+  :display inline-block
+  :vertical-align top

data/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