compass 0.13.alpha.12 → 1.0.0.alpha.13

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

@@ -1,122 +0,0 @@
-@import "compass/support";
-
-// The prefixed support threshold for animation.
-// Defaults to the $graceful-usage-threshold.
-$animation-support-threshold: $graceful-usage-threshold !default;
-
-
-// Name of any animation as a string.
-$default-animation-name             : null !default;
-
-// Duration of the entire animation in seconds.
-$default-animation-duration         : null !default;
-
-// Delay for start of animation in seconds.
-$default-animation-delay            : null !default;
-
-// The timing function(s) to be used between keyframes. [ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier($number, $number, $number, $number)]
-$default-animation-timing-function  : null !default;
-
-// The number of times an animation cycle is played. [infinite | $number]
-$default-animation-iteration-count  : null !default;
-
-// Whether or not the animation should play in reverse on alternate cycles. [normal | alternate]
-$default-animation-direction        : null !default;
-
-// What values are applied by the animation outside the time it is executing. [none | forwards | backwards | both]
-$default-animation-fill-mode        : null !default;
-
-// Whether the animation is running or paused. [running | paused]
-$default-animation-play-state       : null !default;
-
-
-// Create a named animation sequence that can be applied to elements later.
-//
-//     $name    - The name of your animation.
-//     @content - The keyframes of the animation.
-@mixin keyframes($name, $deprecated-prefixes...) {
-  $warned: warn-about-useless-prefix-arguments($deprecated-prefixes...);
-
-  @include with-each-prefix(css-animation, $animation-support-threshold) {
-    // It would be nice if we could dynamically construct directive names.
-    @if $current-prefix == -moz    { @-moz-keyframes    #{$name} { @content; } }
-    @if $current-prefix == -webkit { @-webkit-keyframes #{$name} { @content; } }
-    @if $current-prefix == -o      { @-o-keyframes      #{$name} { @content; } }
-    @if $current-prefix == -ms     { @-ms-keyframes     #{$name} { @content; } }
-    @if $current-prefix == null    { @keyframes         #{$name} { @content; } }
-  }
-}
-
-// @private
-@mixin animation-properties($properties) {
-  @include prefixed-properties(css-animation, $animation-support-threshold, $properties);
-}
-
-
-// Apply any number of animation names.
-@mixin animation-name($name...) {
-  $name: set-arglist-default($name, $default-animation-name);
-  @include animation-properties((animation-name: $name));
-}
-
-// Apply any number of animation durations.
-@mixin animation-duration($duration...) {
-  $duration: set-arglist-default($duration, $default-animation-duration);
-  @include animation-properties((animation-duration: $duration));
-}
-
-// Apply any number of animation delays.
-@mixin animation-delay($delay...) {
-  $delay: set-arglist-default($delay, $default-animation-delay);
-  @include animation-properties((animation-delay: $delay));
-}
-
-// Apply any number of animation timing functions.
-@mixin animation-timing-function($function...) {
-  $function: set-arglist-default($function, $default-animation-timing-function);
-  @include animation-properties((animation-timing-function: $function));
-}
-
-// Apply any number of animation iteration counts.
-@mixin animation-iteration-count($count...) {
-  $count: set-arglist-default($count, $default-animation-iteration-count);
-  @include animation-properties((animation-iteration-count: $count));
-}
-
-// Apply any number of animation directions.
-@mixin animation-direction($direction...) {
-  $direction: set-arglist-default($direction, $default-animation-direction);
-  @include animation-properties((animation-direction: $direction));
-}
-
-// Apply any number of animation fill modes.
-@mixin animation-fill-mode($mode...) {
-  $mode: set-arglist-default($mode, $default-animation-fill-mode);
-  @include animation-properties((animation-fill-mode: $mode));
-}
-
-// Apply any number of animation play states.
-@mixin animation-play-state($state...) {
-  $state: set-arglist-default($state, $default-animation-play-state);
-  @include animation-properties((animation-play-state: $state));
-}
-
-// @private
-@function default-animation() {
-  @return compact($default-animation-name
-                  $default-animation-duration
-                  $default-animation-timing-function
-                  $default-animation-delay
-                  $default-animation-iteration-count
-                  $default-animation-direction
-                  $default-animation-fill-mode
-                  $default-animation-play-state);
-}
-
-// Shortcut to apply any number of animations to an element, with all the settings.
-//
-//     $animation... : Name and settings. [<values> | default]
-@mixin animation($animation...) {
-  $animation: if(length($animation) > 0, $animation, default-animation());
-  @include animation-properties((animation: $animation));
-}

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

@@ -1,17 +0,0 @@
-// Appearance
-@import "compass/support";
-
-// Change the appearance for Mozilla, Webkit and possibly the future.
-// The appearance property is currently not present in any newer CSS specification.
-//
-// There is no official list of accepted values, but you might check these source:
-//
-//   * [Mozilla](https://developer.mozilla.org/en/CSS/-moz-appearance)
-//   * [Webkit](http://code.google.com/p/webkit-mirror/source/browse/Source/WebCore/css/CSSValueKeywords.in?spec=svnf1aea559dcd025a8946aa7da6e4e8306f5c1b604&r=63c7d1af44430b314233fea342c3ddb2a052e365)
-//     (search for 'appearance' within the page)
-@mixin appearance($appearance) {
-  // There is no caniuse tracking for appearance.
-  $appearance: unquote($appearance);
-  @include with-prefix(-moz)    {    -moz-appearance: $appearance; }
-  @include with-prefix(-webkit) { -webkit-appearance: $appearance; }
-}

data/frameworks/compass/stylesheets/compass/css3/_background-clip.scss

@@ -1,35 +0,0 @@
-// Background Clip
-@import "compass/support";
-
-// The the user threshold for background-clip support. Defaults to `$critical-usage-threshold`
-$background-clip-support-threshold: $critical-usage-threshold !default;
-
-// The default border-box model: [border-box | padding-box | content-box]
-$default-background-clip: padding-box !default;
-
-
-// Clip the background (image and color) at the edge of the padding, border, or content.
-//   $clip... : [padding-box | border-box | content-box]
-@mixin background-clip($clip...) {
-  $output: ();
-  $deprecated: ();
-
-  @if (length($clip) > 0) {
-    @each $layer in $clip {
-      $output: append($output, unquote($layer), comma);
-      $deprecated: append($deprecated, legacy-box($layer), comma);
-    }
-  } @else {
-    $output: $default-background-clip;
-    $deprecated: legacy-box($default-background-clip);
-  }
-
-  @include with-each-prefix(background-img-opts, $background-clip-support-threshold) {
-    @if $current-prefix == -moz or $current-prefix == -webkit {
-      // Legacy versions of Mozilla support a different syntax, prefixed.
-      @include prefix-prop(background-clip, $deprecated);
-    } @else {
-      @include prefix-prop(background-clip, $output);
-    }
-  }
-}

data/frameworks/compass/stylesheets/compass/css3/_background-origin.scss

@@ -1,37 +0,0 @@
-// Background Origin
-@import "compass/support";
-
-// The the user threshold for background-origin support. Defaults to `$critical-usage-threshold`
-$background-origin-threshold: $critical-usage-threshold !default;
-
-
-// The default background-origin: [border-box | padding-box | content-box]
-$default-background-origin: content-box !default;
-
-
-// Set the origin of the background (image and color) at the edge of the padding, border, or content.
-//
-//     $origin... : [padding-box | border-box | content-box]
-@mixin background-origin($origin...) {
-  $output: ();
-  $deprecated: ();
-
-  @if (length($origin) > 0) {
-    @each $layer in $origin {
-      $output: append($output, unquote($layer), comma);
-      $deprecated: append($deprecated, legacy-box($layer), comma);
-    }
-  } @else {
-    $output: $default-background-origin;
-    $deprecated: legacy-box($default-background-origin);
-  }
-
-  @include with-each-prefix(background-img-opts, $background-origin-threshold) {
-    @if $current-prefix == -moz or $current-prefix == -webkit {
-      // Legacy versions of Mozilla support a different syntax, prefixed.
-      @include prefix-prop(background-origin, $deprecated)
-    } @else {
-      @include prefix-prop(background-origin, $output)
-    }
-  }
-}

data/frameworks/compass/stylesheets/compass/css3/_background-size.scss

@@ -1,19 +0,0 @@
-// Background Size
-@import "compass/support";
-
-// The the user threshold for background-clip support. Defaults to `$critical-usage-threshold`
-$background-size-threshold: $critical-usage-threshold !default;
-
-//  override to change the default
-$default-background-size: 100% auto !default;
-
-
-// Set the size of background images using px, width and height, or percentages.
-// Currently supported in: Opera, Gecko, Webkit.
-//
-// * percentages are relative to the background-origin (default = padding-box)
-// * mixin defaults to: `$default-background-size`
-@mixin background-size($size...) {
-  $size: set-arglist-default($size, $default-background-size);
-  @include prefixed-properties(background-img-opts, $background-size-threshold, (background-size: $size));
-}

data/frameworks/compass/stylesheets/compass/css3/_border-radius.scss

@@ -1,107 +0,0 @@
-// Border Radius
-
-@import "compass/support";
-
-
-// The the user threshold for border-radius support. Defaults to `$graceful-usage-threshold`
-$border-radius-threshold: $graceful-usage-threshold !default;
-
-// The length of a border-radius to be used by default.
-$default-border-radius: 5px !default;
-
-
-// Round all corners by a specific amount, defaults to value of `$default-border-radius`.
-//
-// When two values are passed, the first is the horizontal radius
-// and the second is the vertical radius.
-//
-// Note: webkit does not support shorthand syntax for several corners at once.
-// So in the case where you pass several values only the first will be passed to webkit.
-//
-// Examples:
-//
-//     .simple   { @include border-radius(4px, 4px); }
-//     .compound { @include border-radius(2px 5px, 3px 6px); }
-//     .crazy    { @include border-radius(1px 3px 5px 7px, 2px 4px 6px 8px)}
-//
-// Which generates:
-//
-//     .simple {
-//       -moz-border-radius: 4px / 4px;
-//       -webkit-border-radius: 4px 4px;
-//       border-radius: 4px / 4px; }
-//     
-//     .compound {
-//       -moz-border-radius: 2px 5px / 3px 6px;
-//       -webkit-border-radius: 2px 3px;
-//       border-radius: 2px 5px / 3px 6px; }
-//     
-//     .crazy {
-//       -moz-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
-//       -webkit-border-radius: 1px 2px;
-//       border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px; }
-@mixin border-radius($radius: $default-border-radius, $vertical-radius: false) {
-  @include with-each-prefix(border-radius, $border-radius-threshold) {
-    @if $current-prefix == -webkit {
-      // Legacy Webkit didn't understand the official shorthand syntax for specifying a vertical radius.
-      $legacy-webkit-radius: first-value-of($radius);
-      @if $vertical-radius { $legacy-webkit-radius: append($legacy-webkit-radius, first-value-of($vertical-radius)); }
-      @include prefix-prop(border-radius, $legacy-webkit-radius);
-    } @else {
-      // Official syntax for everyone else
-      @include prefix-prop(border-radius, if($vertical-radius, #{$radius} / #{$vertical-radius}, $radius));
-    }
-  }
-}
-
-// Round radius at position by amount.
-//
-// * legal values for `$vert`: `top`, `bottom`
-// * legal values for `$horz`: `left`, `right`
-@mixin border-corner-radius($vert, $horz, $radius: $default-border-radius) {
-  @include with-each-prefix(border-radius, $border-radius-threshold) {
-    @if $current-prefix == -moz {
-      // Support for mozilla's syntax for specifying a corner
-      @include prefix-prop("border-radius-#{$vert}#{$horz}", $radius);
-    } @else {
-      // Official syntax for everyone else
-      @include prefix-prop("border-#{$vert}-#{$horz}-radius", $radius);
-    }
-  }
-}
-
-// Round top-left corner only
-@mixin border-top-left-radius($radius: $default-border-radius) {
-  @include border-corner-radius(top, left, $radius); }
-
-// Round top-right corner only
-@mixin border-top-right-radius($radius: $default-border-radius) {
-  @include border-corner-radius(top, right, $radius); }
-
-// Round bottom-left corner only
-@mixin border-bottom-left-radius($radius: $default-border-radius) {
-  @include border-corner-radius(bottom, left, $radius); }
-
-// Round bottom-right corner only
-@mixin border-bottom-right-radius($radius: $default-border-radius) {
-  @include border-corner-radius(bottom, right, $radius); }
-
-// Round both top corners by amount
-@mixin border-top-radius($radius: $default-border-radius) {
-  @include border-top-left-radius($radius);
-  @include border-top-right-radius($radius); }
-
-// Round both right corners by amount
-@mixin border-right-radius($radius: $default-border-radius) {
-  @include border-top-right-radius($radius);
-  @include border-bottom-right-radius($radius); }
-
-// Round both bottom corners by amount
-@mixin border-bottom-radius($radius: $default-border-radius) {
-  @include border-bottom-left-radius($radius);
-  @include border-bottom-right-radius($radius); }
-
-// Round both left corners by amount
-@mixin border-left-radius($radius: $default-border-radius) {
-  @include border-top-left-radius($radius);
-  @include border-bottom-left-radius($radius); }

data/frameworks/compass/stylesheets/compass/css3/_box-shadow.scss

@@ -1,88 +0,0 @@
-// Box Shadow
-
-@import "compass/support";
-
-// The prefixed support threshold for box-shadow.
-// Defaults to the $graceful-usage-threshold.
-$box-shadow-support-threshold: $graceful-usage-threshold !default;
-
-
-// The default color for box shadows
-$default-box-shadow-color: #333333 !default;
-
-// The default horizontal offset. Positive is to the right.
-$default-box-shadow-h-offset: 0px !default;
-
-// The default vertical offset. Positive is down.
-$default-box-shadow-v-offset: 0px !default;
-
-// The default blur length.
-$default-box-shadow-blur: 5px !default;
-
-// The default spread length.
-$default-box-shadow-spread: null !default;
-
-// The default shadow inset: inset or null (for standard shadow).
-$default-box-shadow-inset: null !default;
-
-@function default-box-shadow() {
-  @return compact(if($default-box-shadow-inset, inset, null)
-                  $default-box-shadow-h-offset
-                  $default-box-shadow-v-offset
-                  $default-box-shadow-blur
-                  $default-box-shadow-spread
-                  $default-box-shadow-color);
-}
-
-// Provides cross-browser for Webkit, Gecko, and CSS3 box shadows
-// when one or more box shadows are needed.
-// Each shadow argument should adhere to the standard css3 syntax
-// for the box-shadow property.
-@mixin box-shadow($shadow...) {
-  $shadow: set-arglist-default($shadow, default-box-shadow());
-  @include prefixed-properties(css-boxshadow, $box-shadow-support-threshold, (box-shadow: $shadow));
-}
-
-// Provides a single cross-browser CSS box shadow for Webkit, Gecko, and CSS3.
-// Includes default arguments for color, horizontal offset, vertical offset, blur length, spread length, and inset.
-@mixin single-box-shadow(
-  $hoff   : null,
-  $voff   : null,
-  $blur   : null,
-  $spread : null,
-  $color  : null,
-  $inset  : $default-box-shadow-inset
-) {
-  // Handle legacy argument order
-  @if not ($hoff == none or $hoff == null) and type-of($hoff) != number {
-    @warn "The $color argument for single-box-shadow is now the 5th argument instead of the 1st.";
-    $tmp-color: $color;
-    $color: $hoff;
-    $hoff: $voff;
-    $voff: $blur;
-    $blur: $spread;
-    $spread: $tmp-color
-  }
-
-  // Need to set these defaults here instead of the arglist to support the above backwards compat handling
-  @if $hoff   == null { $hoff:   $default-box-shadow-h-offset; }
-  @if $voff   == null { $hoff:   $default-box-shadow-v-offset; }
-  @if $blur   == null { $blur:   $default-box-shadow-blur;     }
-  @if $spread == null { $spread: $default-box-shadow-spread;   }
-  @if $color  == null { $color:  $default-box-shadow-color;    }
-
-  @if not ($inset == true or $inset == false or $inset == null or $inset == inset) {
-    @warn "$inset expected to be true or the inset keyword. Got #{$inset} instead. Using: inset";
-  }
-
-  @if $hoff == none {
-    @include box-shadow(none);
-  } @else {
-    $full   : $hoff $voff;
-    @if $blur   { $full: $full $blur;   }
-    @if $spread { $full: $full $spread; }
-    @if $color  { $full: $full $color;  }
-    @if $inset  { $full: inset $full;   }
-    @include box-shadow($full);
-  }
-}

data/frameworks/compass/stylesheets/compass/css3/_box-sizing.scss

@@ -1,15 +0,0 @@
-// Box Sizing
-
-@import "compass/support";
-
-// The prefixed support threshold for box-sizing.
-// Defaults to the $graceful-usage-threshold.
-$box-sizing-support-threshold: $critical-usage-threshold !default;
-
-// Change the box model for Mozilla, Webkit, IE8 and the future
-//
-//     $box-model: [ content-box | border-box | padding-box ]
-@mixin box-sizing($box-model) {
-  $box-model: unquote($box-model);
-  @include prefixed-properties(css3-boxsizing, $box-sizing-support-threshold, (box-sizing: $box-model));
-}