frontsau 0.0.1

data/lib/Phamlp/sass/extensions/compass/frameworks/blueprint/stylesheets/blueprint/_typography.scss

@@ -0,0 +1,104 @@
+@import "colors";
+@import "compass/utilities/links/link-colors";
+@import "compass/utilities/general/float";
+
+$blueprint-font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !default;
+
+$blueprint-fixed-font-family: "andale mono", "lucida console", monospace !default;
+
+$blueprint-font-size: 12px !default;
+
+// Usage examples:
+// As a top-level mixin, apply to any page that includes the stylesheet:
+// <pre class="source-code sass">
+// +blueprint-typography
+// </pre>
+//
+// Scoped by a presentational class:
+// <pre class="source-code sass">
+// body.blueprint
+//  +blueprint-typography(true)
+// </pre>
+//
+// Scoped by semantic selectors:
+// <pre class="source-code sass">
+// body#page-1, body#page-2, body.a-special-page-type
+//   +blueprint-typography(true)
+// </pre>
+//
+// **Deprecated**:
+// You can pass the body selector as the first argument when used as a top-level mixin
+// <pre class="source-code sass">
+// +blueprint-typography("body#page-1, body#page-2, body.a-special-page-type")
+// </pre>
+@mixin blueprint-typography($body-selector: body) {
+  @if $body-selector == true {
+    @include blueprint-typography-body;
+    @include blueprint-typography-defaults;
+  } @else {
+    #{$body-selector} {
+      @include blueprint-typography-body;
+      @if $body-selector != body {
+        @warn "[DEPRECATED] To specify the selector \"#{$body-selector}\" to +blueprint-typography, pass true as the first argument and mix it into #{$body-selector}.";
+        @include blueprint-typography-defaults;
+      }
+    }
+    @if $body-selector == body {
+      @include blueprint-typography-defaults;
+    }
+  }
+}
+
+@mixin normal-text      { font-family: $blueprint-font-family; color: $font-color; }
+@mixin fixed-width-text { font: 1em $blueprint-fixed-font-family; line-height: 1.5; }
+@mixin header-text      { font-weight: normal; color: $header-color; }
+@mixin quiet            { color: $quiet-color; }
+@mixin loud             { color: $loud-color; }
+
+@mixin blueprint-typography-body($font-size: $blueprint-font-size) {
+  line-height: 1.5;
+  @include normal-text;
+  font-size: 100% * $font-size / 16px;
+}
+
+@mixin blueprint-typography-defaults {
+  #{headers(all)} { @include header-text;
+    img             { margin: 0; } }
+  h1              { font-size: 3em;   line-height: 1;    margin-bottom: 0.50em; }
+  h2              { font-size: 2em;                      margin-bottom: 0.75em; }
+  h3              { font-size: 1.5em; line-height: 1;    margin-bottom: 1.00em; }
+  h4              { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
+  h5              { font-size: 1em;   font-weight: bold; margin-bottom: 1.50em; }
+  h6              { font-size: 1em;   font-weight: bold;                        }
+  p               { margin: 0 0 1.5em;
+    img.left        { @include float-left;  margin: 1.5em 1.5em 1.5em 0; padding: 0; }
+    img.right       { @include float-right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }
+                  }
+  a               { text-decoration: underline; @include link-colors($link-color, $link-hover-color, $link-active-color, $link-visited-color, $link-focus-color); }
+  blockquote      { margin: 1.5em; color: $alt_text_color; font-style: italic; }
+  strong          { font-weight: bold; }
+  em              { font-style: italic; }
+  dfn             { font-style: italic; font-weight: bold; }
+  sup, sub        { line-height: 0; }
+  abbr, acronym   { border-bottom: 1px dotted #666666; }
+  address         { margin: 0 0 1.5em; font-style: italic; }
+  del             { color: $alt_text_color; }
+  pre             { margin: 1.5em 0; white-space: pre; }
+  pre, code, tt   { @include fixed-width-text; }
+  li ul, li ol    { margin: 0; }
+  ul, ol          { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }
+  ul              { list-style-type: disc; }
+  ol              { list-style-type: decimal; }
+  dl              { margin: 0 0 1.5em 0;
+    dt              { font-weight: bold; } }
+  dd              { margin-left: 1.5em; }
+  table           { margin-bottom: 1.4em; width: 100%; }
+  th              { font-weight: bold; }
+  thead th        { background: $blueprint-table-header-color; }
+  th, td, caption { padding: 4px 10px 4px 5px; }
+  tr.even td      { background: $blueprint-table-stripe-color; }
+  tfoot           { font-style: italic; }
+  caption         { background: $blueprint_background_color; }
+  .quiet          { @include quiet; }
+  .loud           { @include loud; }
+}

data/lib/Phamlp/sass/extensions/compass/frameworks/blueprint/stylesheets/blueprint/_utilities.scss

@@ -0,0 +1,37 @@
+@import "compass/utilities/text/nowrap";
+@import "compass/utilities/general/clearfix";
+
+// Most of these utility classes are not "semantic". If you use them,
+// you are mixing your content and presentation. For shame!
+
+@mixin blueprint-utilities {
+  // Regular clearing apply to column that should drop below previous ones.
+  .clear {
+    clear: both; }
+  // turn off text wrapping for the element.
+  .nowrap {
+    @include nowrap; }
+  // Apply to an element that has floated children to make the bottom
+  // of the element fall _below_ the floated children.
+  .clearfix {
+    @include clearfix; }
+  .small {
+    font-size: 0.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/Phamlp/sass/extensions/compass/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss

@@ -0,0 +1,58 @@
+// Global reset rules.
+// For more specific resets, use the reset mixins provided below
+@mixin blueprint-global-reset {
+  html, body {
+    @include blueprint-reset; }
+  html {
+    font-size: 100.01%; }
+  @include blueprint-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.
+@mixin blueprint-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 {
+    @include blueprint-reset; }
+  blockquote, q {
+    @include blueprint-reset-quotation; }
+  th, td, caption {
+    @include blueprint-reset-table-cell; }
+  table {
+    @include blueprint-reset-table; }
+  a img {
+    border: none; } }
+
+@mixin blueprint-reset-box-model {
+  margin: 0;
+  padding: 0;
+  border: 0; }
+
+@mixin blueprint-reset {
+  @include blueprint-reset-box-model;
+  font: {
+    weight: inherit;
+    style: inherit;
+    size: 100%;
+    family: inherit; };
+  vertical-align: baseline; }
+
+@mixin blueprint-reset-quotation {
+  @include blueprint-reset;
+  quotes: "" "";
+  &:before,
+  &:after {
+    content: ""; } }
+
+@mixin blueprint-reset-table-cell {
+  @include blueprint-reset;
+  text-align: left;
+  font-weight: normal;
+  vertical-align: middle; }
+
+@mixin blueprint-reset-table {
+  @include blueprint-reset;
+  border-collapse: separate;
+  border-spacing: 0;
+  vertical-align: middle; }

data/lib/Phamlp/sass/extensions/compass/frameworks/blueprint/templates/basic/ie.sass

@@ -0,0 +1,4 @@
+@import blueprint
+
+// Generate the blueprint IE-specific customizations:
++blueprint-ie

data/lib/Phamlp/sass/extensions/compass/frameworks/blueprint/templates/basic/manifest.rb

@@ -0,0 +1,30 @@
+description "A basic blueprint install that mimics the actual blueprint css."
+
+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'
+
+help %Q{
+Please see the blueprint website for documentation on how blueprint works:
+
+    http://blueprintcss.org/
+
+Docs on the compass port of blueprint can be found on the wiki:
+
+    http://wiki.github.com/chriseppstein/compass/blueprint-documentation
+}
+
+welcome_message %Q{
+Please see the blueprint website for documentation on how blueprint works:
+
+    http://blueprintcss.org/
+
+Docs on the compass port of blueprint can be found on the wiki:
+
+    http://wiki.github.com/chriseppstein/compass/blueprint-documentation
+
+To get started, edit the screen.sass file and read the comments and code there.
+}

data/lib/Phamlp/sass/extensions/compass/frameworks/blueprint/templates/basic/partials/_base.sass

@@ -0,0 +1,10 @@
+// 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-grid-width   : 30px
+$blueprint-grid-margin  : 10px
+
+// If you change your grid column dimensions
+// you can make a new grid background image from the command line like this:
+// compass grid-img 30+10x16

data/lib/Phamlp/sass/extensions/compass/frameworks/blueprint/templates/basic/print.sass

@@ -0,0 +1,4 @@
+@import blueprint
+
+// Generate the blueprint print styles:
++blueprint-print

data/lib/Phamlp/sass/extensions/compass/frameworks/blueprint/templates/basic/screen.sass

@@ -0,0 +1,12 @@
+// This import applies a global reset to any page that imports this stylesheet.
+@import blueprint/reset
+// To configure blueprint, edit the partials/_base.sass file.
+@import "partials/base"
+// Import all the default blueprint modules so that we can access their mixins.
+@import blueprint
+// Import the non-default scaffolding module.
+@import blueprint/scaffolding
+
+// Generate the blueprint framework according to your configuration:
++blueprint
++blueprint-scaffolding

data/lib/Phamlp/sass/extensions/compass/frameworks/blueprint/templates/buttons/buttons.sass

@@ -0,0 +1,49 @@
+@import compass/utilities/general/float
+@import blueprint/buttons
+
+//
+  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/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/Phamlp/sass/extensions/compass/frameworks/blueprint/templates/buttons/manifest.rb

@@ -0,0 +1,17 @@
+description "Button Plugin"
+stylesheet 'buttons.sass', :media => 'screen, projection'
+
+image 'buttons/cross.png'
+image 'buttons/key.png'
+image 'buttons/tick.png'
+
+help %Q{
+To install the button plugin:
+  compass init --using blueprint/buttons
+
+The buttons.sass file is just a recommendation to show you how to use the button mixins.  
+}
+
+welcome_message %Q{
+The buttons.sass file is just a recommendation to show you how to use the button mixins.  
+}

data/lib/Phamlp/sass/extensions/compass/frameworks/blueprint/templates/link_icons/link_icons.sass

@@ -0,0 +1,13 @@
+@import blueprint/link-icons
+
+// 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/Phamlp/sass/extensions/compass/frameworks/blueprint/templates/link_icons/manifest.rb

@@ -0,0 +1,23 @@
+description "Icons for common types of links"
+
+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'
+
+help %Q{
+To install the link_icons plugin:
+  compass init --using blueprint/link_icons
+
+The link_icons.sass file is just a recommendation to show you how to use the link mixins.  
+}
+
+welcome_message %Q{
+The link_icons.sass file is just a recommendation to show you how to use the link mixins.  
+}

data/lib/Phamlp/sass/extensions/compass/frameworks/blueprint/templates/project/ie.sass

@@ -0,0 +1,16 @@
+@import blueprint
+
+// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
+// @include 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/Phamlp/sass/extensions/compass/frameworks/blueprint/templates/project/manifest.rb

@@ -0,0 +1,30 @@
+description "The blueprint framework."
+
+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'
+
+help %Q{
+Please see the blueprint website for documentation on how blueprint works:
+
+    http://blueprintcss.org/
+
+Docs on the compass port of blueprint can be found on the wiki:
+
+    http://wiki.github.com/chriseppstein/compass/blueprint-documentation
+}
+
+welcome_message %Q{
+Please see the blueprint website for documentation on how blueprint works:
+
+    http://blueprintcss.org/
+
+Docs on the compass port of blueprint can be found on the wiki:
+
+    http://wiki.github.com/chriseppstein/compass/blueprint-documentation
+
+To get started, edit the screen.sass file and read the comments and code there.
+}

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

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

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

@@ -0,0 +1,45 @@
+// This import applies a global reset to any page that imports this stylesheet.
+@import blueprint/reset
+// To configure blueprint, edit the partials/base.sass file.
+@import "partials/base"
+// Import all the default blueprint modules so that we can access their mixins.
+@import blueprint
+// Import the non-default scaffolding module.
+@import blueprint/scaffolding
+
+// To generate css equivalent to the blueprint css but with your
+// configuration applied, uncomment:
+// @include blueprint
+
+// But Compass recommends that you scope your blueprint styles
+// So that you can better control what pages use blueprint
+// when stylesheets are concatenated together.
++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.two-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/lib/Phamlp/sass/extensions/compass/frameworks/blueprint/templates/semantic/ie.sass

@@ -0,0 +1,16 @@
+@import blueprint
+
+// 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/Phamlp/sass/extensions/compass/frameworks/blueprint/templates/semantic/manifest.rb

@@ -0,0 +1,33 @@
+description "The blueprint framework for use with semantic markup."
+
+stylesheet 'screen.sass', :media => 'screen, projection'
+stylesheet 'partials/_base.sass'
+stylesheet 'partials/_form.sass'
+stylesheet 'partials/_page.sass'
+stylesheet 'partials/_two_col.sass'
+stylesheet 'print.sass',  :media => 'print'
+stylesheet 'ie.sass',     :media => 'screen, projection', :condition => "lt IE 8"
+
+image 'grid.png'
+
+help %Q{
+Please see the blueprint website for documentation on how blueprint works:
+
+    http://blueprintcss.org/
+
+Docs on the compass port of blueprint can be found on the wiki:
+
+    http://wiki.github.com/chriseppstein/compass/blueprint-documentation
+}
+
+welcome_message %Q{
+Please see the blueprint website for documentation on how blueprint works:
+
+    http://blueprintcss.org/
+
+Docs on the compass port of blueprint can be found on the wiki:
+
+    http://wiki.github.com/chriseppstein/compass/blueprint-documentation
+
+To get started, edit the screen.sass file and read the comments and code there.
+}

data/lib/Phamlp/sass/extensions/compass/frameworks/blueprint/templates/semantic/partials/_base.sass

@@ -0,0 +1,10 @@
+// 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/Phamlp/sass/extensions/compass/frameworks/blueprint/templates/semantic/partials/_form.sass

@@ -0,0 +1,6 @@
+// Only apply the blueprint form styles to forms with
+// a class of "bp". This makes it easier to style
+// forms from scratch if you need to.
+
+form.bp
+  +blueprint-form

data/lib/Phamlp/sass/extensions/compass/frameworks/blueprint/templates/semantic/partials/_page.sass

@@ -0,0 +1,18 @@
+// Import the non-default scaffolding module to help us get started.
+@import blueprint/scaffolding
+
+// This configuration will only apply the
+// blueprint styles to pages with a body class of "bp"
+// This makes it easier to have pages without blueprint styles
+// when you're using a single/combined stylesheet.
+
+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
++blueprint-scaffolding("body.bp")
+

data/lib/Phamlp/sass/extensions/compass/frameworks/blueprint/templates/semantic/partials/_two_col.sass

@@ -0,0 +1,38 @@
+// Page layout can be done using mixins applied to your semantic classes and IDs
+// For instance this layout defines a two column layout on pages with
+// a body class of "two-col".
+//
+// The markup would look like:
+//    <div id="container">
+//      <div id="header"></div>
+//      <div id="sidebar"></div>
+//      <div id="content"></div>
+//      <div id="footer"></div>
+//    </div>
+//
+// and the layout would look like:
+//    +------------------------+
+//    |        #header         |
+//    +--------+---------------+
+//    |        |               |
+//    |#sidebar|    #content   |
+//    |        |               |
+//    +------------------------+
+//    |        #footer         |
+//    +--------+---------------+
+
+body.two-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)