compass 0.12.4 → 1.0.0

data/frameworks/compass/stylesheets/compass/css3/_transition.scss

@@ -1,221 +0,0 @@
-@import "shared";
-
-// CSS Transitions
-// Currently only works in Webkit.
-//
-// * expected in CSS3, FireFox 3.6/7 and Opera Presto 2.3
-// * We'll be prepared.
-//
-// Including this submodule sets following defaults for the mixins:
-//
-//     $default-transition-property : all
-//     $default-transition-duration : 1s
-//     $default-transition-function : false
-//     $default-transition-delay    : false
-//
-// Override them if you like. Timing-function and delay are set to false for browser defaults (ease, 0s).
-
-$default-transition-property: all !default;
-
-$default-transition-duration: 1s !default;
-
-$default-transition-function: false !default;
-
-$default-transition-delay: false !default;
-
-$transitionable-prefixed-values: transform, transform-origin !default;
-
-// One or more properties to transition
-//
-// * for multiple, use a comma-delimited list
-// * also accepts "all" or "none"
-
-@mixin transition-property($property-1: $default-transition-property,
-  $property-2 : false,
-  $property-3 : false,
-  $property-4 : false,
-  $property-5 : false,
-  $property-6 : false,
-  $property-7 : false,
-  $property-8 : false,
-  $property-9 : false,
-  $property-10: false
-) {
-  @if type-of($property-1) == string { $property-1: unquote($property-1); }
-  $properties: compact($property-1, $property-2, $property-3, $property-4, $property-5, $property-6, $property-7, $property-8, $property-9, $property-10);
-  @if $experimental-support-for-webkit    {       -webkit-transition-property : prefixed-for-transition(-webkit, $properties); }
-  @if $experimental-support-for-mozilla   {          -moz-transition-property : prefixed-for-transition(-moz,    $properties); }
-  @if $experimental-support-for-opera     {            -o-transition-property : prefixed-for-transition(-o,      $properties); }
-                                                          transition-property : $properties;
-}
-
-// One or more durations in seconds
-//
-// * for multiple, use a comma-delimited list
-// * these durations will affect the properties in the same list position
-
-@mixin transition-duration($duration-1: $default-transition-duration,
-  $duration-2 : false,
-  $duration-3 : false,
-  $duration-4 : false,
-  $duration-5 : false,
-  $duration-6 : false,
-  $duration-7 : false,
-  $duration-8 : false,
-  $duration-9 : false,
-  $duration-10: false
-) {
-  @if type-of($duration-1) == string { $duration-1: unquote($duration-1); }
-  $durations: compact($duration-1, $duration-2, $duration-3, $duration-4, $duration-5, $duration-6, $duration-7, $duration-8, $duration-9, $duration-10);
-  @include experimental(transition-duration, $durations,
-    -moz, -webkit, -o, not -ms, not -khtml, official
-  );
-}
-
-// One or more timing functions
-//
-// * [ ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(x1, y1, x2, y2)]
-// * For multiple, use a comma-delimited list
-// * These functions will effect the properties in the same list position
-
-@mixin transition-timing-function($function-1: $default-transition-function,
-  $function-2 : false,
-  $function-3 : false,
-  $function-4 : false,
-  $function-5 : false,
-  $function-6 : false,
-  $function-7 : false,
-  $function-8 : false,
-  $function-9 : false,
-  $function-10: false
-) {
-  $function-1: unquote($function-1);
-  $functions: compact($function-1, $function-2, $function-3, $function-4, $function-5, $function-6, $function-7, $function-8, $function-9, $function-10);
-  @include experimental(transition-timing-function, $functions,
-    -moz, -webkit, -o, not -ms, not -khtml, official
-  );
-}
-
-// One or more transition-delays in seconds
-//
-// * for multiple, use a comma-delimited list
-// * these delays will effect the properties in the same list position
-
-@mixin transition-delay($delay-1: $default-transition-delay,
-  $delay-2 : false,
-  $delay-3 : false,
-  $delay-4 : false,
-  $delay-5 : false,
-  $delay-6 : false,
-  $delay-7 : false,
-  $delay-8 : false,
-  $delay-9 : false,
-  $delay-10: false
-) {
-  @if type-of($delay-1) == string { $delay-1: unquote($delay-1); }
-  $delays: compact($delay-1, $delay-2, $delay-3, $delay-4, $delay-5, $delay-6, $delay-7, $delay-8, $delay-9, $delay-10);
-  @include experimental(transition-delay, $delays,
-    -moz, -webkit, -o, not -ms, not -khtml, official
-  );
-}
-
-// Transition all-in-one shorthand
-
-@mixin single-transition(
-  $property: $default-transition-property,
-  $duration: $default-transition-duration,
-  $function: $default-transition-function,
-  $delay: $default-transition-delay
-) {
-  @include transition(compact($property $duration $function $delay));
-}
-
-@mixin transition(
-  $transition-1 : default,
-  $transition-2 : false,
-  $transition-3 : false,
-  $transition-4 : false,
-  $transition-5 : false,
-  $transition-6 : false,
-  $transition-7 : false,
-  $transition-8 : false,
-  $transition-9 : false,
-  $transition-10: false
-) {
-  @if $transition-1 == default {
-    $transition-1 : compact($default-transition-property $default-transition-duration $default-transition-function $default-transition-delay);
-  }
-  $transitions: false;
-  @if type-of($transition-1) == list and type-of(nth($transition-1,1)) == list {
-    $transitions: join($transition-1, compact($transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10), comma);
-  } @else {
-    $transitions : compact($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10);
-  }
-  $delays: comma-list();
-  $has-delays: false;
-  $webkit-value: comma-list();
-  $moz-value: comma-list();
-  $o-value: comma-list();
-
-  // This block can be made considerably simpler at the point in time that
-  // we no longer need to deal with the differences in how delays are treated.
-  @each $transition in $transitions {
-    // Extract the values from the list
-    // (this would be cleaner if nth took a 3rd argument to provide a default value).
-    $property: nth($transition, 1);
-    $duration: false;
-    $timing-function: false;
-    $delay: false;
-    @if length($transition) > 1 { $duration:        nth($transition, 2); }
-    @if length($transition) > 2 { $timing-function: nth($transition, 3); }
-    @if length($transition) > 3 { $delay:           nth($transition, 4); $has-delays: true; }
-
-    // If a delay is provided without a timing function
-    @if is-time($timing-function) and not $delay { $delay: $timing-function; $timing-function: false; $has-delays: true; }
-
-    // Keep a list of delays in case one is specified
-    $delays: append($delays, if($delay, $delay, 0s));
-
-    $webkit-value: append($webkit-value, compact(prefixed-for-transition(-webkit, $property) $duration $timing-function));
-       $moz-value: append(   $moz-value, compact(prefixed-for-transition(   -moz, $property) $duration $timing-function $delay));
-         $o-value: append(     $o-value, compact(prefixed-for-transition(     -o, $property) $duration $timing-function $delay));
-  }
-
-  @if $experimental-support-for-webkit    {       -webkit-transition : $webkit-value;
-    // old webkit doesn't support the delay parameter in the shorthand so we progressively enhance it.
-    @if $has-delays                       { -webkit-transition-delay : $delays;       } }
-  @if $experimental-support-for-mozilla   {          -moz-transition : $moz-value;    }
-  @if $experimental-support-for-opera     {            -o-transition : $o-value;      }
-                                                          transition : $transitions;
-}
-
-// coerce a list to be comma delimited or make a new, empty comma delimited list.
-@function comma-list($list: ()) {
-  @return join((), $list, comma);
-}
-
-// Returns `$property` with the given prefix if it is found in `$transitionable-prefixed-values`.
-@function prefixed-for-transition($prefix, $property) {
-  @if type-of($property) == list {
-    $new-list: comma-list();
-    @each $v in $property {
-      $new-list: append($new-list, prefixed-for-transition($prefix, $v));
-    }
-    @return $new-list;
-  } @else {
-    @if index($transitionable-prefixed-values, $property) {
-      @return #{$prefix}-#{$property};
-    } @else {
-      @return $property;
-    }
-  }
-}
-
-// Checks if the value given is a unit of time.
-@function is-time($value) {
-  @if type-of($value) == number {
-    @return not not index(s ms, unit($value));
-  } @else {
-    @return false;
-  }
-}

data/frameworks/compass/stylesheets/compass/css3/_user-interface.scss

@@ -1,17 +0,0 @@
-// User Interface ------------------------------------------------------------
-// This file can be expanded to handle all the user interface properties as
-// they become available in browsers:
-// http://www.w3.org/TR/2000/WD-css3-userint-20000216
-@import "shared";
-
-
-// This property controls the selection model and granularity of an element.
-//
-// @param $select
-//   [ none | text | toggle | element | elements | all | inherit ]
-@mixin user-select($select) {
-  $select: unquote($select);
-  @include experimental(user-select, $select,
-    -moz, -webkit, not -o, not -ms, -khtml, official
-  );
-}

data/frameworks/compass/stylesheets/compass/layout/_grid-background.scss

@@ -1,178 +0,0 @@
-@import "compass/css3/images";
-@import "compass/css3/background-size";
-
-// Set the color of your columns
-$grid-background-column-color     : rgba(100, 100, 225, 0.25)   !default;
-// Set the color of your gutters
-$grid-background-gutter-color     : rgba(0, 0, 0, 0)            !default;
-
-// Set the total number of columns in your grid
-$grid-background-total-columns    : 24                          !default;
-// Set the width of your columns
-$grid-background-column-width     : 30px                        !default;
-// Set the width of your gutters
-$grid-background-gutter-width     : 10px                        !default;
-// Set the offset, if your columns are padded in from the container edge
-$grid-background-offset           : 0px                         !default;
-
-// Set the color of your baseline
-$grid-background-baseline-color   : rgba(0, 0, 0, 0.5)          !default;
-// Set the height of your baseline grid
-$grid-background-baseline-height  : 1.5em                       !default;
-
-// toggle your columns grids on and off
-$show-column-grid-backgrounds     : true                        !default;
-// toggle your vertical grids on and off
-$show-baseline-grid-backgrounds   : true                        !default;
-// toggle all your grids on and off
-$show-grid-backgrounds            : true                        !default;
-
-// optionally force your grid-image to remain fluid
-// no matter what units you used to declared your grid.
-$grid-background-force-fluid      : false                       !default;
-
-
-// Create the gradient needed for baseline grids
-@function get-baseline-gradient(
-  $color : $grid-background-baseline-color
-) {
-  $gradient: linear-gradient(bottom, $color 5%, rgba($color,0) 5%);
-  @return $gradient;
-}
-
-// Create the color-stops needed for horizontal grids
-@function build-grid-background(
-  $total          : $grid-background-total-columns,
-  $column         : $grid-background-column-width,
-  $gutter         : $grid-background-gutter-width,
-  $offset         : $grid-background-offset,
-  $column-color   : $grid-background-column-color,
-  $gutter-color   : $grid-background-gutter-color
-) {
-  $grid: compact();
-  $grid: append($grid, $gutter-color $offset, comma);
-  @for $i from 0 to $total {
-
-    // $a represents the start of this column, initially equal to the offset
-    $a: $offset;
-    @if $i > 0 { $a: $a + (($column + $gutter) * $i); }
-
-    // $g represents the start of this gutter, equal to $a plus one column-width
-    $g: $a + $column;
-
-    // $z represents the end of a gutter, equal to $g plus one gutter-width
-    $z: $g + $gutter;
-
-    @if (unit($a) == "%") and ($i == ($total - 1)) {
-      $z: 100%;
-    }
-
-    // and we add this column/gutter pair to our grid
-    $grid: join($grid, ($column-color $a, $column-color $g, $gutter-color $g, $gutter-color $z));
-  }
-
-  @return $grid;
-}
-
-// Return the gradient needed for horizontal grids
-@function get-column-gradient(
-  $total          : $grid-background-total-columns,
-  $column         : $grid-background-column-width,
-  $gutter         : $grid-background-gutter-width,
-  $offset         : $grid-background-offset,
-  $column-color   : $grid-background-column-color,
-  $gutter-color   : $grid-background-gutter-color,
-  $force-fluid    : $grid-background-force-fluid
-) {
-  $grid: unquote("");
-
-  // don't force fluid grids when they are already fluid.
-  @if unit($column) == "%" { $force-fluid: false; }
-
-  @if $force-fluid {
-    $grid: get-column-fluid-grid($total,$column,$gutter,$offset,$column-color,$gutter-color);
-  } @else {
-    $grid: build-grid-background($total,$column,$gutter,$offset,$column-color,$gutter-color);
-  }
-
-  // return the horizontal grid as a gradient
-  $gradient: linear-gradient(left, $grid);
-  @return $gradient;
-}
-
-// Convert a grid from fixed units into percentages.
-@function get-column-fluid-grid(
-  $total          : $grid-background-total-columns,
-  $column         : $grid-background-column-width,
-  $gutter         : $grid-background-gutter-width,
-  $offset         : $grid-background-offset,
-  $column-color   : $grid-background-column-color,
-  $gutter-color   : $grid-background-gutter-color
-) {
-  $context: ($column * $total) + ($gutter * ($total - 1) + ($offset * 2));
-  $offset: $offset / $context * 100%;
-  $column: $column / $context * 100%;
-  $gutter: $gutter / $context * 100%;
-
-  // return the horizontal grid as a set of color-stops
-  $grid: build-grid-background($total,$column,$gutter,$offset,$column-color,$gutter-color);
-  @return $grid;
-}
-
-
-// Add just the baseline grid to an element's background
-@mixin baseline-grid-background(
-  $baseline : $grid-background-baseline-height,
-  $color    : $grid-background-baseline-color
-) {
-  @if $show-grid-backgrounds and $show-baseline-grid-backgrounds {
-    @include background-image(get-baseline-gradient($color));
-    @include background-size(100% $baseline);
-    background-position: left top;
-  }
-}
-
-// Add just the horizontal grid to an element's background
-@mixin column-grid-background(
-  $total          : $grid-background-total-columns,
-  $column         : $grid-background-column-width,
-  $gutter         : $grid-background-gutter-width,
-  $offset         : $grid-background-offset,
-  $column-color   : $grid-background-column-color,
-  $gutter-color   : $grid-background-gutter-color,
-  $force-fluid    : $grid-background-force-fluid
-) {
-  @if $show-grid-backgrounds and $show-column-grid-backgrounds {
-    @include background-image(
-      get-column-gradient($total,$column,$gutter,$offset,$column-color,$gutter-color, $force-fluid)
-    );
-    background-position: left top;
-  }
-}
-
-// Add both horizontal and baseline grids to an element's background
-@mixin grid-background(
-  $total          : $grid-background-total-columns,
-  $column         : $grid-background-column-width,
-  $gutter         : $grid-background-gutter-width,
-  $baseline       : $grid-background-baseline-height,
-  $offset         : $grid-background-offset,
-  $column-color   : $grid-background-column-color,
-  $gutter-color   : $grid-background-gutter-color,
-  $baseline-color : $grid-background-baseline-color,
-  $force-fluid    : $grid-background-force-fluid
-) {
-  @if $show-grid-backgrounds {
-    @if $show-baseline-grid-backgrounds and $show-column-grid-backgrounds {
-      @include background-image(
-        get-baseline-gradient($baseline-color),
-        get-column-gradient($total,$column,$gutter,$offset,$column-color,$gutter-color, $force-fluid)
-      );
-      @include background-size(100% $baseline, auto);
-      background-position: left top;
-    } @else {
-      @include baseline-grid-background($baseline, $baseline-color);
-      @include column-grid-background($total,$column,$gutter,$offset,$column-color,$gutter-color, $force-fluid);
-    }
-  }
-}

data/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss

@@ -1,23 +0,0 @@
-// Based on a [blog post by Ryan Fait](http://ryanfait.com/resources/footer-stick-to-bottom-of-page/).
-//
-// Must be mixed into the top level of your stylesheet.
-//
-// Footer element must be outside of root wrapper element.
-//
-// Footer must be a fixed height.
-
-@mixin sticky-footer($footer-height, $root-selector: unquote("#root"), $root-footer-selector: unquote("#root_footer"), $footer-selector: unquote("#footer")) {
-  html, body {
-    height: 100%; }
-  #{$root-selector} {
-    clear: both;
-    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/frameworks/compass/stylesheets/compass/layout/_stretching.scss

@@ -1,24 +0,0 @@
-
-// stretch element height to specified top and bottom position
-
-@mixin stretch-y($offset-top:0, $offset-bottom:0) {
-  @include stretch($offset-top, false, $offset-bottom, false);
-}
-
-
-// stretch element width to specified left and right position
-
-@mixin stretch-x($offset-left:0, $offset-right:0) {
-  @include stretch(false, $offset-right, false, $offset-left);
-}
-
-
-// shorthand to stretch element height and width
-
-@mixin stretch($offset-top:0, $offset-right:0, $offset-bottom:0, $offset-left:0) {
-  position: absolute;
-  @if $offset-top { top: $offset-top; }
-  @if $offset-bottom { bottom: $offset-bottom; }
-  @if $offset-left { left: $offset-left; }
-  @if $offset-right { right: $offset-right; }
-}