compass-edge 0.9.1

data/lib/compass/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/lib/compass/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/lib/compass/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/lib/compass/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/lib/compass/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/lib/compass/frameworks/blueprint/templates/project/ie.sass

@@ -0,0 +1,16 @@
+@import blueprint.sass
+
+// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
+// +blueprint-ie
+
+//Recommended Blueprint configuration with scoping and semantic layout:
+body.bp
+  +blueprint-ie(true)
+  // Note: Blueprint centers text to fix IE6 container centering.
+  // This means all your texts will be centered under all version of IE by default.
+  // If your container does not have the .container class, don't forget to restore
+  // the correct behavior to your main container (but not the body tag!)
+  // Example:
+  // .my-container
+  //   text-align: left
+

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

@@ -0,0 +1,8 @@
+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'
+
+html 'welcome.html.haml', :erb => true

data/lib/compass/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/lib/compass/frameworks/blueprint/templates/project/print.sass

@@ -0,0 +1,8 @@
+@import blueprint.sass
+
+// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
+// +blueprint-print
+
+//Recommended Blueprint configuration with scoping and semantic layout:
+body.bp
+  +blueprint-print(true)

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

@@ -0,0 +1,47 @@
+// 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-scaffolding("body.bp")
+body.bp
+  +blueprint-typography(true)
+  +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)
+
+// This is just here to style the welcome page, please delete it.
+body#welcome
+  #container
+    +container
+  h1
+    +column(24)

data/lib/compass/frameworks/blueprint/templates/project/welcome.html.haml

@@ -0,0 +1,13 @@
+!!! Transition
+/ Feel free to delete this, it's just here to act as an example
+%html(xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en")
+  %head
+    %title Welcome to Compass & Blueprint
+    %link(rel="stylesheet" href="<%= http_stylesheets_path %>/screen.css" type="text/css" media="screen, projection")
+    %link(href="<%= http_stylesheets_path %>/print.css" media="print" rel="stylesheet" type="text/css")
+    /[if lt IE 8]
+      %link(href="<%= http_stylesheets_path %>/ie.css" media="screen, projection" rel="stylesheet" type="text/css")    
+  %body#welcome.bp
+    #container
+      %h1 Welcome to Compass!
+      %p This is <%= "ERB" %>

data/lib/compass/frameworks/compass/stylesheets/_compass.sass

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+@import utilities/css3.sass
+@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/lib/compass/frameworks/compass/stylesheets/compass/layout/_sticky_footer.sass

@@ -0,0 +1,19 @@
+// 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%
+    height: auto !important
+    height: 100%
+    margin-bottom= -!footer_height
+    #{!root_footer_selector}
+      height= !footer_height
+  #{!footer_selector}
+    clear: both
+    position: relative
+    height= !footer_height

data/lib/compass/frameworks/compass/stylesheets/compass/utilities/_css3.sass

@@ -0,0 +1,6 @@
+@import css3/border_radius.sass
+@import css3/inline_block.sass
+@import css3/opacity.sass
+@import css3/box_shadow.sass
+@import css3/columns.sass
+@import css3/box_sizing.sass

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

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

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

@@ -0,0 +1,18 @@
+// 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
+    #{elements_of_type("block")}
+      &.print-only
+        display: block
+    #{elements_of_type("inline")}
+      &.print-only
+        display: inline
+  @else
+    .print-only
+      display: none

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

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

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

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

data/lib/compass/frameworks/compass/stylesheets/compass/utilities/css3/_border_radius.sass

@@ -0,0 +1,47 @@
+!default_border_radius ||= 5px
+
+// Round all borders by amount
+=border-radius(!radius = !default_border_radius)
+  border-radius= !radius
+  -moz-border-radius= !radius
+  -webkit-border-radius= !radius
+
+// Round radius at position by amount.
+// values for !vert: "top", "bottom"
+// values for !horz: "left", "right
+=border-corner-radius(!vert, !horz, !radius = !default_border_radius)
+  border-#{!vert}-#{!horz}-radius= !radius
+  -moz-border-radius-#{!vert}#{!horz}= !radius
+  -webkit-border-#{!vert}-#{!horz}-radius= !radius
+  
+=border-top-left-radius(!radius = !default_border_radius)
+  +border-corner-radius("top", "left", !radius)
+
+=border-top-right-radius(!radius = !default_border_radius)
+  +border-corner-radius("top", "right", !radius)
+
+=border-bottom-left-radius(!radius = !default_border_radius)
+  +border-corner-radius("bottom", "left", !radius)
+
+=border-bottom-right-radius(!radius = !default_border_radius)
+  +border-corner-radius("bottom", "right", !radius)
+
+// Round top corners by amount
+=border-top-radius(!radius = !default_border_radius)
+  +border-top-left-radius(!radius)
+  +border-top-right-radius(!radius)
+
+// Round right corners by amount
+=border-right-radius(!radius = !default_border_radius)
+  +border-top-right-radius(!radius)
+  +border-bottom-right-radius(!radius)
+
+// Round bottom corners by amount
+=border-bottom-radius(!radius = !default_border_radius)
+  +border-bottom-left-radius(!radius)
+  +border-bottom-right-radius(!radius)
+
+// Round left corners by amount
+=border-left-radius(!radius = !default_border_radius)
+  +border-top-left-radius(!radius)
+  +border-bottom-left-radius(!radius)

data/lib/compass/frameworks/compass/stylesheets/compass/utilities/css3/_box_shadow.sass

@@ -0,0 +1,12 @@
+//**
+  Provides cross-browser css box shadows 
+    for Webkit and the future
+  arguments are horizontal offset, vertical offset, blur and color
+
+=box-shadow(!ho, !vo, !b, !c )
+  /* Webkit (Safari, Chrome)
+  -webkit-box-shadow= !ho !vo !b !c
+  /* Mozilla (Firefox, Camino)
+  -moz-box-shadow= !ho !vo !b !c
+  /* CSS3
+  box-shadow= !ho !vo !b !c

data/lib/compass/frameworks/compass/stylesheets/compass/utilities/css3/_box_sizing.sass

@@ -0,0 +1,13 @@
+//**
+  Change the box model for Mozilla, Webkit, IE8 and the future
+  @param !bs
+    [ content-box | border-box ]
+=box-sizing(!bs)
+  /* Mozilla (FireFox, Camino)
+  -moz-box-sizing= !bs
+  /* Webkit (Safari, Chrome)
+  -webkit-box-sizing= !bs
+  /* IE (8)
+  -ms-box-sizing= !bs
+  /* CSS3
+  box-sizing= !bs