pax_global_header 0000666 0000000 0000000 00000000064 12275217225 0014517 g ustar 00root root 0000000 0000000 52 comment=014e06454ec6111b24703f693f62e4c432e73274
compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/ 0000775 0000000 0000000 00000000000 12275217225 0021516 5 ustar 00root root 0000000 0000000 compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/.gitignore 0000664 0000000 0000000 00000000232 12275217225 0023503 0 ustar 00root root 0000000 0000000 *.gem
*.rbc
.bundle
.config
.yardoc
Gemfile.lock
InstalledFiles
_yardoc
coverage
doc/
lib/bundler/man
pkg
rdoc
spec/reports
test/tmp
test/version_tmp
tmp
compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/Gemfile 0000664 0000000 0000000 00000000146 12275217225 0023012 0 ustar 00root root 0000000 0000000 source 'https://rubygems.org'
# Specify your gem's dependencies in compass-blueprint.gemspec
gemspec
compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/LICENSE 0000664 0000000 0000000 00000002053 12275217225 0022523 0 ustar 00root root 0000000 0000000 Copyright (c) 2012 Scott Davis
MIT License
Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/README.md 0000664 0000000 0000000 00000001705 12275217225 0023000 0 ustar 00root root 0000000 0000000 # Compass::Blueprint
[Compass-blueprint](http://compass-blueprint.org) is a *CSS Framework* extension for [Compass](https://github.com/chriseppstein/compass).
## Installation
Add this line to your application's Gemfile:
gem 'compass-blueprint'
And then execute:
$ bundle
Or install it yourself as:
$ gem install compass-blueprint
## Usage
Create a new project
$ compass create /path/to/project --using blueprint
## Contributing
1. Fork it
2. Create your feature branch (`git checkout -b my-new-feature`)
3. Commit your changes (`git commit -am 'Added some feature'`)
4. Push to the branch (`git push origin my-new-feature`)
5. Create new Pull Request
## Author
Compass-blueprint was written by [Chris Eppstein](http://github.com/chriseppstein).
Chris is the Software Architect of [Caring.com](http://caring.com) and a member of the [Sass](http://sass-lang.com) core team.
## Maintained by
[Stephen Way](http://github.com/stephenway) compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/Rakefile 0000664 0000000 0000000 00000000060 12275217225 0023157 0 ustar 00root root 0000000 0000000 #!/usr/bin/env rake
require "bundler/gem_tasks"
compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/bower.json 0000664 0000000 0000000 00000000165 12275217225 0023531 0 ustar 00root root 0000000 0000000 {
"name": "compass-blueprint",
"version": "0.0.1",
"main": "framework/blueprint/stylesheets/_blueprint.scss"
}
compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/compass-blueprint.gemspec 0000664 0000000 0000000 00000001330 12275217225 0026527 0 ustar 00root root 0000000 0000000 # -*- encoding: utf-8 -*-
require File.expand_path('../lib/compass-blueprint/version', __FILE__)
Gem::Specification.new do |gem|
gem.authors = ["Scott Davis"]
gem.email = ["jetviper21@gmail.com"]
gem.description = %q{Compass extension for blueprint css framework}
gem.summary = %q{Blueprint for compass}
gem.homepage = ""
gem.executables = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
gem.files = `git ls-files`.split("\n")
gem.test_files = `git ls-files -- {test,spec,features}/*`.split("\n")
gem.name = "compass-blueprint"
gem.require_paths = ["lib"]
gem.version = Compass::Blueprint::VERSION
gem.add_dependency 'compass'
end
compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/framework/ 0000775 0000000 0000000 00000000000 12275217225 0023513 5 ustar 00root root 0000000 0000000 compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/framework/blueprint/ 0000775 0000000 0000000 00000000000 12275217225 0025517 5 ustar 00root root 0000000 0000000 compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/framework/blueprint/stylesheets/ 0000775 0000000 0000000 00000000000 12275217225 0030073 5 ustar 00root root 0000000 0000000 _blueprint.scss 0000664 0000000 0000000 00000001630 12275217225 0033054 0 ustar 00root root 0000000 0000000 compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/framework/blueprint/stylesheets @import "blueprint/colors";
@import "blueprint/grid";
@import "blueprint/typography";
@import "blueprint/utilities";
@import "blueprint/form";
@import "blueprint/interaction";
@import "blueprint/debug";
@import "blueprint/print";
@import "blueprint/ie";
// ### Usage examples:
//
// As a top-level mixin, apply to any page that includes the stylesheet:
//
@mixin blueprint($nested: false) {
@include blueprint-typography($nested);
@include blueprint-utilities;
@include blueprint-grid;
@include blueprint-debug;
@include blueprint-interaction;
@include blueprint-form;
}
0000775 0000000 0000000 00000000000 12275217225 0032020 5 ustar 00root root 0000000 0000000 compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/framework/blueprint/stylesheets/blueprint _buttons.scss 0000664 0000000 0000000 00000006370 12275217225 0034560 0 ustar 00root root 0000000 0000000 compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/framework/blueprint/stylesheets/blueprint @import "compass/css3/inline-block";
@import "compass/utilities/general/float";
// Button Font
$blueprint-button-font-family: "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;
// 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;
// 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;
//**
// 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.
@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
) {
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.
@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
) {
&:active {
@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.
@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
) {
&:hover {
@include button-colors($font-color, $bg-color, $border-color, $border-highlight-color);
}
}
@mixin button-base($float: false) {
@if $float { @include float($float); display: block; }
@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;
text-decoration: none;
cursor: pointer;
img {
margin: 0 3px -3px 0 !important;
padding: 0;
border: none;
width: 16px;
height: 16px;
float: none;
}
}
@mixin anchor-button($float: false) {
@include button-base($float);
padding: 5px 10px 5px 7px;
}
@mixin button-button($float: false) {
@include button-base($float);
width: auto;
overflow: visible;
padding: 4px 10px 3px 7px;
&[type] {
padding: 4px 10px 4px 7px;
line-height: 17px; }
*:first-child+html &[type] {
padding: 4px 10px 3px 7px;
}
} _colors.scss 0000664 0000000 0000000 00000002674 12275217225 0034366 0 ustar 00root root 0000000 0000000 compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/framework/blueprint/stylesheets/blueprint $font-color: #333333 !default;
$quiet-color: lighten($font-color, 20%) !default;
$loud-color: darken($font-color, 13.33%) !default;
$header-color: darken($font-color, 6.67%) !default;
$alt-text-color: #666666 !default;
$blueprint-background-color: #eeeeee !default;
$blueprint-border-color: #ddd !default;
$link-color: #06c !default;
$link-hover-color: #09f !default;
$link-focus-color: $link-hover-color !default;
$link-active-color: lighten(adjust-hue($link-color, 75deg), 10%) !default;
$link-visited-color: darken($link-color, 10%) !default;
$feedback-border-color: #dddddd !default;
$success-color: #264409 !default;
$success-bg-color: #e6efc2 !default;
$success-border-color: #c6d880 !default;
$notice-color: #514721 !default;
$notice-bg-color: #fff6bf !default;
$notice-border-color: #ffd324 !default;
$info-color: #205791 !default;
$info-bg-color: #d5edf8 !default;
$info-border-color: #92cae4 !default;
$error-color: #8a1f11 !default;
$error-bg-color: #fbe3e4 !default;
$error-border-color: #fbc2c4 !default;
$highlight-color: yellow !default;
$added-color: white !default;
$added-bg-color: #006600 !default;
$removed-color: white !default;
$removed-bg-color: #990000 !default;
$blueprint-table-header-color: #c3d9ff !default;
$blueprint-table-stripe-color: #e5ecf9 !default;
_debug.scss 0000664 0000000 0000000 00000001475 12275217225 0034151 0 ustar 00root root 0000000 0000000 compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/framework/blueprint/stylesheets/blueprint @import "compass/layout/grid-background";
@import "grid", "typography";
// Shows a background that can be used to check grid alignment.
// By default this is a pure css version that only works in browsers
// that support gradients and multiple backgrounds, but you can pass
// an image url if you prefer.
@mixin showgrid($image: false) {
@if $image {
background: image-url($image);
}
@else {
@include grid-background(
$total : $blueprint-grid-columns,
$column : $blueprint-grid-width,
$gutter : $blueprint-grid-margin,
$baseline : $blueprint-font-size * 1.5
);
}
}
@mixin blueprint-debug($grid-image: false) {
// Use this class on any column or container to see the grid.
// TODO: prefix this with the project path.
.showgrid {
@include showgrid($grid-image);
}
}
_fancy-type.scss 0000664 0000000 0000000 00000005360 12275217225 0035137 0 ustar 00root root 0000000 0000000 compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/framework/blueprint/stylesheets/blueprint @charset "utf-8";
@import "typography";
$alternate-text-font : "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif !default;
// To install the fancy type plugin:
//
// 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 {
@include fancy-paragraphs;
.caps { @include caps; }
.dquo { @include dquo; }
.alt { @include alt; }
}
// For great looking type, use this code instead of asdf:
// `asdf`
// Best used on prepositions and ampersands.
@mixin alt {
color: $alt-text-color;
font-family: $alternate-text-font;
font-style: italic;
font-weight: normal;
}
// For great looking quote marks in titles, replace "asdf" with:
// `“asdf”`
// (That is, when the title starts with a quote mark).
// Note: you may have to change this value depending on your font size.
@mixin dquo($offset: 0.5em) {
margin-left: -$offset;
}
// 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.
//
// Using this mixin, reduces your font size and line-height so that for
// every four lines of normal sized type, there is five lines of the sidenote. eg:
//
// Arguments:
// * `$font-size` - The desired font size in pixels. This will be converted to ems for you. Defaults to 10px.
// * `$base-font-size` - The base font size in pixels. Defaults to 12px
// * `$old-line-height` - The old line height. Defaults to 1.5 times the base-font-size
@mixin incr(
$font-size: 10px,
$base-font-size: $blueprint-font-size,
$old-line-height: $base-font-size * 1.5
) {
font-size: 1em * $font-size / $base-font-size;
line-height: 1em * $old-line-height / $font-size * 4 / 5;
margin-bottom: 1.5em;
}
// Surround uppercase words and abbreviations with this class.
// Based on work by [Jørgen Arnor Gårdsø Lom](http://twistedintellect.com/)
@mixin caps {
font-variant: small-caps;
letter-spacing: 1px;
text-transform: lowercase;
font-size: 1.2em;
line-height: 1%;
font-weight: bold;
padding: 0 2px;
}
// This mixin is automatically included when you include `fancy-type`
@mixin fancy-paragraphs {
p + p { @include sibling-indentation; }
p.incr,
.incr p { @include incr; }
}
// Indentation instead of line shifts for sibling paragraphs. Mixin to a selector like `p + p`
@mixin sibling-indentation {
text-indent: 2em;
margin-top: -1.5em;
/* Don't want this in forms. */
form & { text-indent: 0; }
}
_form.scss 0000664 0000000 0000000 00000003153 12275217225 0034021 0 ustar 00root root 0000000 0000000 compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/framework/blueprint/stylesheets/blueprint @import "colors";
// Mixin for producing Blueprint "inline" forms. Should be used with the blueprint-form mixin.
@mixin blueprint-inline-form {
line-height: 3;
p {
margin-bottom: 0;
}
}
@mixin blueprint-form {
@include blueprint-form-layout;
@include blueprint-form-borders;
@include blueprint-form-sizes;
}
@mixin blueprint-form-layout {
label { font-weight: bold; }
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; }
legend { font-weight: bold; font-size: 1.2em; }
input {
&.text,
&.title,
&[type=email],
&[type=text],
&[type=password] { margin: 0.5em 0; background-color: white; padding: 5px; }
&.title { font-size: 1.5em; }
}
textarea { margin: 0.5em 0; padding: 5px; }
select { margin: 0.5em 0; }
}
@mixin blueprint-form-sizes
(
$input-width: 300px,
$textarea-width: 390px,
$textarea-height: 250px
) {
input {
&.text,
&.title,
&[type=email],
&[type=text],
&[type=password] { width: $input-width; }
}
textarea { width: $textarea-width; height: $textarea-height; }
}
@mixin blueprint-form-borders
(
$unfocused-border-color: #bbbbbb,
$focus-border-color: #666666,
$fieldset-border-color: #cccccc
) {
fieldset {
border: 1px solid $fieldset-border-color; }
input.text, input.title, input[type=email], input[type=text], input[type=password],
textarea {
background-color:#fff;
border: 1px solid $unfocused-border-color;
&:focus {
border-color: $focus-border-color;
}
}
select { background-color:#fff; border-width:1px; border-style:solid; }
}
_grid.scss 0000664 0000000 0000000 00000020336 12275217225 0034005 0 ustar 00root root 0000000 0000000 compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/framework/blueprint/stylesheets/blueprint // --------------------------------------------------------------
// SASS Gridification
// * Author: Chris Eppstein
// A SASS adaptation of Blueprint CSS
// * Version: 0.7.1 (2008-02-25)
// * Website: http://code.google.com/p/blueprintcss/
// Based on work by:
// * Lorin Tackett [lorintackett.com]
// * Olav Bjorkoy [bjorkoy.com]
// * Nathan Borror [playgroundblues.com]
// * Jeff Croft [jeffcroft.com]
// * Christian Metts [mintchaos.com]
// * Khoi Vinh [subtraction.com]
// Read more about using a grid here:
// * http://www.subtraction.com/2007/03/18/oh-yeeaahh
// --------------------------------------------------------------
@import "compass/utilities/general/float";
@import "compass/utilities/general/clearfix";
// The number of columns in the grid.
$blueprint-grid-columns: 24 !default;
// The width of a column
$blueprint-grid-width: 30px !default;
// The amount of margin between columns
$blueprint-grid-margin: 10px !default;
// The width of a column including the margin. With default settings this is `40px`.
$blueprint-grid-outer-width: $blueprint-grid-width + $blueprint-grid-margin;
// The width of the container. With default settings this is `950px`.
$blueprint-container-size: $blueprint-grid-outer-width * $blueprint-grid-columns - $blueprint-grid-margin;
// Generates presentational class names that you can use
// in your html to layout your pages.
//
// #### Note:
// Best practices discourage using this mixin,
// but it is provided to support legacy websites
// and to test the sass port against blueprint's example pages.
@mixin blueprint-grid {
// A container should group all your columns
.container {
@include container; }
.column {
@include column-base; }
// The last column in a row needs this class (or mixin) or it will end up on the next row.
.last {
@include last; }
// Use these classes (or mixins) to set the width of a column.
@for $n from 1 to $blueprint-grid-columns {
.span-#{$n} {
@extend .column;
width: span($n); } }
.span-#{$blueprint-grid-columns} {
@extend .column;
width: span($blueprint-grid-columns);
margin: 0; }
input, textarea, select {
@for $n from 1 through $blueprint-grid-columns {
&.span-#{$n} {
width: span($n); } } }
// Add these to a column to append empty cols.
@for $n from 1 to $blueprint-grid-columns {
.append-#{$n} {
@include append($n); } }
// Add these to a column to prepend empty cols.
@for $n from 1 to $blueprint-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.
#{enumerate(".pull", 1, $blueprint-grid-columns)} {
@include pull-base; }
@for $n from 1 through $blueprint-grid-columns {
.pull-#{$n} {
@include pull-margins($n); } }
#{enumerate(".push", 1, $blueprint-grid-columns)} {
@include push-base; }
@for $n from 1 through $blueprint-grid-columns {
.push-#{$n} {
@include push-margins($n); } }
.prepend-top {
@include prepend-top; }
.append-bottom {
@include append-bottom; } }
// A container for your 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;
margin: 0 auto;
@include clearfix; }
// The last column in a row needs this mixin or it will end up
// on the next row in some browsers.
@mixin last {
margin-right: 0; }
// Use this mixins to set the width of n columns.
@mixin column($n, $last: false) {
@include column-base($last);
width: span($n); }
// Return the width in pixels of `$n` columns.
@function span($n) {
@return $blueprint-grid-width * $n + $blueprint-grid-margin * ($n - 1);
}
// Set only the width of an element to align it with the grid.
// Most of the time you'll want to use `+column` instead.
//
// This mixin is especially useful for aligning tables to the grid.
//
// @deprecated Please use the span function with the width property instead.
@mixin span($n, $important: false) {
@warn "The span mixin is deprecated. Please use the span function instead. E.g. width: span(#{$n})";
@if $important {
width: span($n) !important; }
@else {
width: span($n); } }
// The basic set of styles needed to make an element
// behave like a column:
//
// * floated to left
// * gutter margin on the right (unless the last column)
// * Some IE fixes
//
// #### Note:
// This mixin gets applied automatically when using `+column`
// so you probably don't need to use it directly unless
// you need to deviate from the grid or are trying
// to reduce the amount of generated CSS.
@mixin column-base($last: false) {
@include float-left;
@if $last {
@include last; }
@else {
margin-right: $blueprint-grid-margin; }
* html & {
overflow-x: hidden; } }
// Mixin to a column to append n empty columns to the right
// by adding right padding to the column.
@mixin append($n) {
padding-right: $blueprint-grid-outer-width * $n; }
// Mixin to a column to append n empty columns to the left
// by adding left padding to the column.
@mixin prepend($n) {
padding-left: $blueprint-grid-outer-width * $n; }
// Adds trailing margin.
@mixin append-bottom($amount: 1.5em) {
margin-bottom: $amount; }
// Adds leading margin.
@mixin prepend-top($amount: 1.5em) {
margin-top: $amount; }
// Base styles that make it possible to pull an element to the left.
// #### Note:
// This mixin gets applied automatically when using `+pull`
// so you probably don't need to use it directly unless
// you need to deviate from the grid or are trying
// to reduce the amount of generated CSS.
@mixin pull-base {
@include float-left;
position: relative; }
// The amount of pulling for element to the left.
// #### Note:
// This mixin gets applied automatically when using `+pull`
// so you probably don't need to use it directly unless
// you need to deviate from the grid or are trying
// to reduce the amount of generated CSS.
@mixin pull-margins($n, $last: false) {
@if $last {
margin-left: -$blueprint-grid-outer-width * $n + $blueprint-grid-margin; }
@else {
margin-left: -$blueprint-grid-outer-width * $n; } }
// Moves a column `n` columns to the left.
//
// This mixin can also be used to change the display order of columns.
//
// If pulling past the last (visually) element in a row,
// pass `true` as the second argument so the calculations can adjust
// accordingly.
// For example:
//
// HTML:
//
@mixin pull($n, $last: false) {
@include pull-base;
@include pull-margins($n, $last); }
@mixin push-base {
@include float-left;
position: relative; }
@mixin push-margins($n) {
margin: 0 (-$blueprint-grid-outer-width * $n) 1.5em $blueprint-grid-outer-width * $n; }
// mixin to a column to push it n columns to the right
@mixin push($n) {
@include push-base;
@include push-margins($n); }
// Border on right hand side of a column.
@mixin border($border-color: $blueprint-border-color, $border-width: 1px) {
padding-right: $blueprint-grid-margin / 2 - $border-width;
margin-right: $blueprint-grid-margin / 2;
border-right: #{$border-width} solid #{$border-color}; }
// Border with more whitespace, spans one column.
@mixin colborder($border-color: $blueprint-border-color, $border-width: 1px) {
padding-right: floor(($blueprint-grid-width + 2 * $blueprint-grid-margin - $border-width) / 2);
margin-right: ceil(($blueprint-grid-width + 2 * $blueprint-grid-margin - $border-width) / 2);
border-right: #{$border-width} solid #{$border-color}; }
// Mixin this to an hr to make a horizontal ruler across a column.
@mixin colruler($border-color: #dddddd) {
background: $border-color;
color: $border-color;
clear: both;
float: none;
width: 100%;
height: 0.1em;
margin: 0 0 1.45em;
border: none; }
// Mixin this to an hr to make a horizontal spacer across a column.
@mixin colspacer {
@include colruler;
background: white;
color: white;
visibility: hidden; }
_ie.scss 0000664 0000000 0000000 00000005372 12275217225 0033460 0 ustar 00root root 0000000 0000000 compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/framework/blueprint/stylesheets/blueprint // @doc off
// The blueprint IE mixins should be mixed into a stylesheet that gets conditionally included
// into IE like so:
//
// @doc on
//| Usage Examples
//| --------------
//|
//| As a top-level mixin, apply to any page that includes the stylesheet:
//|
@mixin rtl-typography($nested: false) {
@if $nested {
html & { font-family: Arial, sans-serif; }
@include rtl-typography-defaults; }
@else {
html body { font-family: Arial, sans-serif; }
body { @include rtl-typography-defaults; }
}
}
@mixin rtl-typography-defaults {
h1, h2, h3, h4, h5, h6 {
font-family: Arial, sans-serif; }
pre, code, tt {
font-family: monospace; }
.right {
@include float-left;
margin: 1.5em 1.5em 1.5em 0;
padding: 0; }
.left {
@include float-right;
margin: 1.5em 0 1.5em 1.5em;
padding: 0; }
dd, ul, ol {
margin-left: 0;
margin-right: 1.5em; }
td, th {
text-align: right; } }
_scaffolding.scss 0000664 0000000 0000000 00000003554 12275217225 0035342 0 ustar 00root root 0000000 0000000 compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/framework/blueprint/stylesheets/blueprint @import "grid";
@import "form";
// The styles contained here are meant to provide for an attractive experience out of the box
// and are expected to be removed once custom visual design begins.
// The +blueprint-scaffolding mixin must be mixed into the top level of your stylesheet.
// However, you can customize the body selector if you wish to control the scope
// of this mixin. Examples:
// Apply to any page including the stylesheet:
// +blueprint-scaffolding
// Scoped by a single presentational body class:
// +blueprint-scaffolding("body.blueprint")
// Semantically:
// +blueprint-scaffolding("body#page-1, body#page-2, body.a-special-page-type")
// Alternatively, you can use the +blueprint-scaffolding-body and +blueprint-scaffolding-defaults
// mixins to construct your own semantic style rules.
// @deprecated It is no longer necessary to pass any argument.
@mixin blueprint-scaffolding($nested: deprecated) {
@if $nested != deprecated {
@warn "It is no longer necessary to pass any argument to the blueprint-scaffolding mixin."
}
@include blueprint-scaffolding-defaults;
}
// The styles this mixin provides were deprecated in Blueprint 0.9 and is no
// longer part of the main scaffolding, but the mixin is still available if
// you want to use it.
@mixin blueprint-scaffolding-body {
margin: 1.5em 0; }
// Mixin +box to create a padded box inside a column.
@mixin box {
padding: 1.5em;
margin-bottom: 1.5em;
background: #e5ecf9; }
@mixin blueprint-scaffolding-defaults {
.box {
@include box; }
// Border on right hand side of a column. You can comment this out if you don't plan to use it.
.border {
@include border; }
// Border with more whitespace, spans one column.
.colborder {
@include colborder; }
hr {
@include colruler; }
hr.space {
@include colspacer; }
form.inline {
@include blueprint-inline-form; } }
_typography.scss 0000664 0000000 0000000 00000007401 12275217225 0035264 0 ustar 00root root 0000000 0000000 compass-blueprint-014e06454ec6111b24703f693f62e4c432e73274/framework/blueprint/stylesheets/blueprint @import "colors";
@import "compass/typography/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:
//
Change Password
Cancel
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