diff --git a/frameworks/blueprint/stylesheets/blueprint/_buttons.scss b/frameworks/blueprint/stylesheets/blueprint/_buttons.scss index 14af8224..c735309f 100644 --- a/frameworks/blueprint/stylesheets/blueprint/_buttons.scss +++ b/frameworks/blueprint/stylesheets/blueprint/_buttons.scss @@ -2,65 +2,65 @@ @import "compass/utilities/general/float"; // Button Font -$blueprint_button_font_family: unquote('"Lucida Grande", Tahoma, Arial, Verdana, sans-serif') !default; +$blueprint-button-font-family: unquote('"Lucida Grande", Tahoma, Arial, Verdana, sans-serif') !default; // Default Button Colors -$blueprint_button_border_color: #dedede !default; -$blueprint_button_background_color: #f5f5f5 !default; -$blueprint_button_font_color: #565656 !default; +$blueprint-button-border-color: #dedede !default; +$blueprint-button-background-color: #f5f5f5 !default; +$blueprint-button-font-color: #565656 !default; // Default Button Hover Colors -$blueprint_button_hover_border_color: #c2e1ef !default; -$blueprint_button_hover_background_color: #dff4ff !default; -$blueprint_button_hover_font_color: #336699 !default; +$blueprint-button-hover-border-color: #c2e1ef !default; +$blueprint-button-hover-background-color: #dff4ff !default; +$blueprint-button-hover-font-color: #336699 !default; // Default Button Active Colors -$blueprint_button_active_border_color: #6299c5 !default; -$blueprint_button_active_background_color: #6299c5 !default; -$blueprint_button_active_font_color: white !default; +$blueprint-button-active-border-color: #6299c5 !default; +$blueprint-button-active-background-color: #6299c5 !default; +$blueprint-button-active-font-color: white !default; //** // Sets the colors for a button -// @param border_highlight_color -// The highlight color defaults to whatever is the value of the border_color but it's one shade lighter. +// @param border-highlight-color +// The highlight color defaults to whatever is the value of the border-color but it's one shade lighter. @mixin button-colors( - $font_color: $blueprint_button_font_color, - $bg_color: $blueprint_button_background_color, - $border_color: $blueprint_button_border_color, - $border_highlight_color: $border_color + #101010 + $font-color: $blueprint-button-font-color, + $bg-color: $blueprint-button-background-color, + $border-color: $blueprint-button-border-color, + $border-highlight-color: $border-color + #101010 ) { - background-color: $bg_color; - border-color: $border_highlight_color $border_color $border_color $border_highlight_color; - color: $font_color; + background-color: $bg-color; + border-color: $border-highlight-color $border-color $border-color $border-highlight-color; + color: $font-color; } //** // Sets the colors for a button in the active state -// @param border_highlight_color -// The highlight color defaults to whatever is the value of the border_color but it's one shade lighter. +// @param border-highlight-color +// The highlight color defaults to whatever is the value of the border-color but it's one shade lighter. @mixin button-active-colors( - $font_color: $blueprint_button_active_font_color, - $bg_color: $blueprint_button_active_background_color, - $border_color: $blueprint_button_active_border_color, - $border_highlight_color: $border_color + #101010 + $font-color: $blueprint-button-active-font-color, + $bg-color: $blueprint-button-active-background-color, + $border-color: $blueprint-button-active-border-color, + $border-highlight-color: $border-color + #101010 ) { &:active { - @include button-colors($font_color, $bg_color, $border_color, $border_highlight_color); + @include button-colors($font-color, $bg-color, $border-color, $border-highlight-color); } } //** // Sets the colors for a button in the hover state. -// @param border_highlight_color -// The highlight color defaults to whatever is the value of the border_color but it's one shade lighter. +// @param border-highlight-color +// The highlight color defaults to whatever is the value of the border-color but it's one shade lighter. @mixin button-hover-colors( - $font_color: $blueprint_button_hover_font_color, - $bg_color: $blueprint_button_hover_background_color, - $border_color: $blueprint_button_hover_border_color, - $border_highlight_color: $border_color + #101010 + $font-color: $blueprint-button-hover-font-color, + $bg-color: $blueprint-button-hover-background-color, + $border-color: $blueprint-button-hover-border-color, + $border-highlight-color: $border-color + #101010 ) { &:hover { - @include button-colors($font_color, $bg_color, $border_color, $border_highlight_color); + @include button-colors($font-color, $bg-color, $border-color, $border-highlight-color); } } @@ -69,7 +69,7 @@ $blueprint_button_active_font_color: white !default; @else { @include inline-block; } margin: 0.7em 0.5em 0.7em 0; border-width: 1px; border-style: solid; - font-family: $blueprint_button_font_family; font-size: 100%; line-height: 130%; font-weight: bold; + font-family: $blueprint-button-font-family; font-size: 100%; line-height: 130%; font-weight: bold; text-decoration: none; cursor: pointer; img { diff --git a/frameworks/blueprint/stylesheets/blueprint/_debug.scss b/frameworks/blueprint/stylesheets/blueprint/_debug.scss index b37a89c0..ced0b0d8 100644 --- a/frameworks/blueprint/stylesheets/blueprint/_debug.scss +++ b/frameworks/blueprint/stylesheets/blueprint/_debug.scss @@ -1,11 +1,11 @@ @mixin showgrid($image: "grid.png") { - background: image_url($image); + background: image-url($image); } -@mixin blueprint-debug($grid_image: unquote("grid.png")) { +@mixin blueprint-debug($grid-image: unquote("grid.png")) { // Use this class on any column or container to see the grid. // TODO: prefix this with the project path. .showgrid { - @include showgrid($grid_image); + @include showgrid($grid-image); } } diff --git a/frameworks/blueprint/stylesheets/blueprint/_fancy-type.scss b/frameworks/blueprint/stylesheets/blueprint/_fancy-type.scss index 2d2fa933..1822bb11 100644 --- a/frameworks/blueprint/stylesheets/blueprint/_fancy-type.scss +++ b/frameworks/blueprint/stylesheets/blueprint/_fancy-type.scss @@ -4,7 +4,7 @@ $alternate-text-font : "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiq // To install the fancy type plugin: // -// 1. Import the fancy_type module: `@import "blueprint/fancy_type"` +// 1. Import the fancy-type module: `@import "blueprint/fancy-type"` // 2. Mix in `fancy-type` to your project's body or at the top level of your stylesheet:
// `body { @include fancy-type; }` @mixin fancy-type { @@ -34,7 +34,7 @@ $alternate-text-font : "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiq margin-left: -$offset; } -// Reduced size type with [incremental leading](http://www.markboulton.co.uk/journal/comments/incremental_leading/) +// Reduced size type with [incremental leading](http://www.markboulton.co.uk/journal/comments/incremental-leading/) // // This could be used for side notes. For smaller type, you don't necessarily want to // follow the 1.5x vertical rhythm -- the line-height is too much. diff --git a/frameworks/blueprint/stylesheets/blueprint/_form.scss b/frameworks/blueprint/stylesheets/blueprint/_form.scss index fe4afe38..446e3aaa 100644 --- a/frameworks/blueprint/stylesheets/blueprint/_form.scss +++ b/frameworks/blueprint/stylesheets/blueprint/_form.scss @@ -36,33 +36,33 @@ @mixin blueprint-form-sizes ( - $input_width: 300px, - $textarea_width: 390px, - $textarea_height: 250px + $input-width: 300px, + $textarea-width: 390px, + $textarea-height: 250px ) { input { &.text, &.title, &[type=email], &[type=text], - &[type=password] { width: $input_width; } + &[type=password] { width: $input-width; } } - textarea { width: $textarea_width; height: $textarea_height; } + textarea { width: $textarea-width; height: $textarea-height; } } @mixin blueprint-form-borders ( - $unfocused_border_color: #bbbbbb, - $focus_border_color: #666666, - $fieldset_border_color: #cccccc + $unfocused-border-color: #bbbbbb, + $focus-border-color: #666666, + $fieldset-border-color: #cccccc ) { fieldset { - border: 1px solid $fieldset_border_color; } + border: 1px solid $fieldset-border-color; } input.text, input.title, input[type=email], input[type=text], input[type=password], textarea, select { - border: 1px solid $unfocused_border_color; + border: 1px solid $unfocused-border-color; &:focus { - border: 1px solid $focus_border_color; + border: 1px solid $focus-border-color; } } } diff --git a/frameworks/blueprint/stylesheets/blueprint/_liquid.scss b/frameworks/blueprint/stylesheets/blueprint/_liquid.scss index 03bb02e8..2c7e774c 100644 --- a/frameworks/blueprint/stylesheets/blueprint/_liquid.scss +++ b/frameworks/blueprint/stylesheets/blueprint/_liquid.scss @@ -18,7 +18,7 @@ // * Andrei Michael Herasimchuk // Involution Studios, http://www.involutionstudios.com // Read more about using a grid here: -// * subtraction.com/archives/2007/0318_oh_yeeaahh.php +// * subtraction.com/archives/2007/0318-oh-yeeaahh.php // ----- // By default, the grid is 80% of window width, with 24 columns. // @@ -36,58 +36,58 @@ // Main layout grid, override these constants to build your grid and container sizes. // The width shown gives the right floored percentage values. -$blueprint_liquid_grid_columns: 24 !default; +$blueprint-liquid-grid-columns: 24 !default; -$blueprint_liquid_grid_width: 3.167% !default; +$blueprint-liquid-grid-width: 3.167% !default; -$blueprint_liquid_grid_margin: 1.042% !default; +$blueprint-liquid-grid-margin: 1.042% !default; // Do not edit below this line unless you really know what you're doing. -$blueprint_liquid_container_width: 80% !default; +$blueprint-liquid-container-width: 80% !default; -$blueprint_liquid_container_min_width: 950px !default; +$blueprint-liquid-container-min-width: 950px !default; -$blueprint_liquid_grid_push_pull: -($blueprint_liquid_grid_margin + $blueprint_liquid_grid_width) !default; +$blueprint-liquid-grid-push-pull: -($blueprint-liquid-grid-margin + $blueprint-liquid-grid-width) !default; @mixin blueprint-liquid-grid { // A container should group all your columns .container { @include container; } // Use these classes (or mixins) to set the width of a column. - @for $n from 1 to $blueprint_liquid_grid_columns + 1 { + @for $n from 1 to $blueprint-liquid-grid-columns + 1 { .span-#{$n} { @include span($n); } div { &.span-#{$n} { - @include column($n, $n == $blueprint_liquid_grid_columns); } } } + @include column($n, $n == $blueprint-liquid-grid-columns); } } } // The last column in a row needs this class (or mixin) or it will end up on the next row. div.last { @include last; } // Add these to a column to append empty cols. - @for $n from 1 to $blueprint_liquid_grid_columns { + @for $n from 1 to $blueprint-liquid-grid-columns { .append-#{$n} { @include append($n); } } // Add these to a column to prepend empty cols. - @for $n from 1 to $blueprint_liquid_grid_columns { + @for $n from 1 to $blueprint-liquid-grid-columns { .prepend-#{$n} { @include prepend($n); } } // Use these classes on an element to push it into the // next column, or to pull it into the previous column. - @for $n from 1 to $blueprint_liquid_grid_columns + 1 { + @for $n from 1 to $blueprint-liquid-grid-columns + 1 { .pull-#{$n} { @include pull($n); } } - @for $n from 1 to $blueprint_liquid_grid_columns + 1 { + @for $n from 1 to $blueprint-liquid-grid-columns + 1 { .push-#{$n} { @include push($n); } } } @mixin container { - min-width: $blueprint_liquid_container_min_width; - width: $blueprint_liquid_container_width; + min-width: $blueprint-liquid-container-min-width; + width: $blueprint-liquid-container-width; margin: 0 auto; @include clearfix; } @mixin span($n, $override: false) { - $width: $blueprint_liquid_grid_width * $n + $blueprint_liquid_grid_margin * ($n - 1); + $width: $blueprint-liquid-grid-width * $n + $blueprint-liquid-grid-margin * ($n - 1); @if $override { width: $width !important; } @else { @@ -103,31 +103,31 @@ $blueprint_liquid_grid_push_pull: -($blueprint_liquid_grid_margin + $blueprint_l @if $last { @include last; } @else { - margin-right: $blueprint_liquid_grid_margin; } } + margin-right: $blueprint-liquid-grid-margin; } } @mixin append($n) { - padding-right: ($blueprint_liquid_grid_width + $blueprint_liquid_grid_margin) * $n; } + padding-right: ($blueprint-liquid-grid-width + $blueprint-liquid-grid-margin) * $n; } @mixin prepend($n) { - padding-left: ($blueprint_liquid_grid_width + $blueprint_liquid_grid_margin) * $n; } + padding-left: ($blueprint-liquid-grid-width + $blueprint-liquid-grid-margin) * $n; } @mixin pull($n, $last: false) { - margin-left: $blueprint_liquid_grid_push_pull * $n; } + margin-left: $blueprint-liquid-grid-push-pull * $n; } @mixin push($n) { @include float-right; margin: { top: 0; - left: $blueprint_liquid_grid_margin; - right: $blueprint_liquid_grid_push_pull * $n; + left: $blueprint-liquid-grid-margin; + right: $blueprint-liquid-grid-push-pull * $n; bottom: 0; }; } @mixin border { border-right: 1px solid #eeeeee; } @mixin colborder { - padding-right: $blueprint_liquid_grid_margin * 2; - margin-right: $blueprint_liquid_grid_margin * 2; + padding-right: $blueprint-liquid-grid-margin * 2; + margin-right: $blueprint-liquid-grid-margin * 2; @include border; } @mixin colruler { @@ -137,8 +137,8 @@ $blueprint_liquid_grid_push_pull: -($blueprint_liquid_grid_margin + $blueprint_l width: 100%; height: 0.083em; margin: 0; - margin-left: $blueprint_liquid_grid_margin * 2; - margin-right: $blueprint_liquid_grid_margin * 2; + margin-left: $blueprint-liquid-grid-margin * 2; + margin-right: $blueprint-liquid-grid-margin * 2; border: none; } @mixin colspacer { diff --git a/frameworks/blueprint/stylesheets/blueprint/_print.scss b/frameworks/blueprint/stylesheets/blueprint/_print.scss index 5646bb10..ff037dc5 100644 --- a/frameworks/blueprint/stylesheets/blueprint/_print.scss +++ b/frameworks/blueprint/stylesheets/blueprint/_print.scss @@ -36,7 +36,7 @@ @mixin blueprint-print-body { line-height: 1.5; - font-family: $blueprint_font_family; + font-family: $blueprint-font-family; color: black; background: none; font-size: 10pt; } @@ -56,11 +56,11 @@ background: white; color: white; } } h1, h2, h3, h4, h5, h6 { - font-family: $blueprint_font_family; } + font-family: $blueprint-font-family; } code { font: { size: 0.9em; - family: $blueprint_fixed_font_family; }; } + family: $blueprint-fixed-font-family; }; } a { img { border: none; } diff --git a/frameworks/blueprint/stylesheets/blueprint/_rtl.scss b/frameworks/blueprint/stylesheets/blueprint/_rtl.scss index 62caab21..39ef1211 100644 --- a/frameworks/blueprint/stylesheets/blueprint/_rtl.scss +++ b/frameworks/blueprint/stylesheets/blueprint/_rtl.scss @@ -2,21 +2,21 @@ @import "compass/utilities/general/float"; // Main layout grid, override these constants to build your grid and container sizes. -$blueprint_grid_columns: 24 !default; +$blueprint-grid-columns: 24 !default; -$blueprint_grid_width: 30px !default; +$blueprint-grid-width: 30px !default; -$blueprint_grid_margin: 10px !default; +$blueprint-grid-margin: 10px !default; -$blueprint_grid_outer_width: $blueprint_grid_width + $blueprint_grid_margin; +$blueprint-grid-outer-width: $blueprint-grid-width + $blueprint-grid-margin; -$blueprint_container_size: $blueprint_grid_outer_width * $blueprint_grid_columns - $blueprint_grid_margin; +$blueprint-container-size: $blueprint-grid-outer-width * $blueprint-grid-columns - $blueprint-grid-margin; // Columns // Note: If you use this mixin without the class and want to support ie6 // you must set text-align left on your container element in an IE stylesheet. @mixin container { - width: $blueprint_container_size; + width: $blueprint-container-size; margin: 0 auto; direction: rtl; @include clearfix; } @@ -31,26 +31,26 @@ $blueprint_container_size: $blueprint_grid_outer_width * $blueprint_grid_columns @if $last { @include last; } @else { - margin-left: $blueprint_grid_margin; } + margin-left: $blueprint-grid-margin; } text-align: right; * html & { overflow-x: hidden; } } // Mixin to a column to append n empty cols. @mixin append($n) { - padding-left: $blueprint_grid_outer_width * $n; } + padding-left: $blueprint-grid-outer-width * $n; } // Mixin to a column to prepend n empty cols. @mixin prepend($n) { - padding-right: $blueprint_grid_outer_width * $n; } + padding-right: $blueprint-grid-outer-width * $n; } // mixin to a column to move it n columns to the left @mixin pull($n, $last: false) { position: relative; @if $last { - margin-right: -$blueprint_grid_outer_width * $n + $blueprint_grid_margin; } + margin-right: -$blueprint-grid-outer-width * $n + $blueprint-grid-margin; } @else { - margin-right: -$blueprint_grid_outer_width * $n; } } + margin-right: -$blueprint-grid-outer-width * $n; } } // mixin to a column to push it n columns to the right @mixin push($n) { @@ -58,20 +58,20 @@ $blueprint_container_size: $blueprint_grid_outer_width * $blueprint_grid_columns position: relative; margin: { top: 0; - left: -$blueprint_grid_outer_width * $n; + left: -$blueprint-grid-outer-width * $n; bottom: 1.5em; - right: $blueprint_grid_outer_width * $n; }; } + right: $blueprint-grid-outer-width * $n; }; } // Border on left hand side of a column. @mixin border { - padding-left: $blueprint_grid_margin / 2 - 1; - margin-left: $blueprint_grid_margin / 2; + padding-left: $blueprint-grid-margin / 2 - 1; + margin-left: $blueprint-grid-margin / 2; border-left: 1px solid #eeeeee; } // Border with more whitespace, spans one column. @mixin colborder { - padding-left: ($blueprint_grid_width - 2 * $blueprint_grid_margin - 1) / 2; - margin-left: ($blueprint_grid_width - 2 * $blueprint_grid_margin) / 2; + padding-left: ($blueprint-grid-width - 2 * $blueprint-grid-margin - 1) / 2; + margin-left: ($blueprint-grid-width - 2 * $blueprint-grid-margin) / 2; border-left: 1px solid #eeeeee; } // Usage examples: diff --git a/frameworks/blueprint/stylesheets/blueprint/_typography.scss b/frameworks/blueprint/stylesheets/blueprint/_typography.scss index c56a755d..4576731e 100644 --- a/frameworks/blueprint/stylesheets/blueprint/_typography.scss +++ b/frameworks/blueprint/stylesheets/blueprint/_typography.scss @@ -61,14 +61,14 @@ $blueprint-font-size: 12px !default; 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; } + 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; } + 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; } @@ -84,7 +84,7 @@ $blueprint-font-size: 12px !default; 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; } + caption { background: $blueprint-background-color; } .quiet { @include quiet; } .loud { @include loud; } }