chriseppstein-compass 0.6.9 → 0.6.10

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,3 @@
+@import blueprint.sass
+
++blueprint-ie

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

@@ -0,0 +1,5 @@
+stylesheet 'screen.sass', :media => 'screen, projection'
+stylesheet 'print.sass',  :media => 'print'
+stylesheet 'ie.sass',     :media => 'screen, projection', :ie => true
+
+image 'grid.png'

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,8 @@
+@import blueprint.sass
+@import blueprint/modules/scaffolding.sass
+@import compass/reset.sass
+
++blueprint
+// 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
++blueprint-scaffolding

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,5 @@
+@import utilities/general.sass
+@import utilities/links.sass
+@import utilities/lists.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/_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,56 @@
+// Global reset rules.
+// For more specific resets, use the reset mixins provided below
+=global-reset
+  html, body
+    +reset
+  +nested-reset
+
+// 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
+  blockquote, q
+    +reset-quotation
+  th, td, caption
+    +reset-table-cell
+  table
+    +reset-table
+  a img
+    :border none
+
+=reset-box-model
+  :margin 0
+  :padding 0
+  :border 0
+
+=reset
+  +reset-box-model
+  :font
+    :weight inherit
+    :style inherit
+    :size 100%
+    :family inherit
+  :vertical-align baseline
+
+=reset-quotation
+  +reset
+  :quotes "" ""
+  &:before,
+  &:after
+    :content ""
+
+=reset-table-cell
+  +reset
+  :text-align left
+  :font-weight normal
+  :vertical-align middle
+
+=reset-table
+  +reset
+  :border-collapse separate
+  :border-spacing 0
+  :vertical-align middle

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
+