compass-core-sass37 1.1.0

data/stylesheets/compass/css3/_images.scss

@@ -0,0 +1,152 @@
+@import "compass/support";
+@import "compass/utilities/general/hacks";
+
+$gradient-support-threshold: $graceful-usage-threshold !default;
+$svg-gradient-shim-threshold: $graceful-usage-threshold !default;
+$border-image-support-threshold: $graceful-usage-threshold !default;
+$owg-threshold: $graceful-usage-threshold !default;
+
+// Compass assumes you will use the official gradient syntax,
+// unless otherwise instructed.
+$use-legacy-gradient-syntax: false !default;
+
+// Create a linear gradient using standard official or legacy syntax.
+// This function must be included in one of the following
+// image module mixins to work properly.
+@function linear-gradient($angle, $details...) {
+  $legacy-syntax: $use-legacy-gradient-syntax;
+
+  @if type-of($angle) != 'number' {
+    $angle: compact($angle);
+    $legacy-syntax: if(index($angle, 'to'), false, true);
+  }
+
+  @if $legacy-syntax {
+    @return _linear-gradient_legacy($angle, $details...);
+  } @else {
+    @return _linear-gradient($angle, $details...);
+  }
+}
+
+// These browsers support svg but not gradients
+// so we can shim the gradient with an inline svg file.
+$browsers-supporting-svg-but-not-gradients: (ie: "9", opera: "9.5-9.6");
+
+// These browsers require the old webkit gradient syntax
+$browsers-supporting-old-webkit-gradients: (android: ("2.1", "3"));
+
+@mixin each-gradient-prefix($values) {
+  @if prefixed(-svg, $values) {
+    @include for-legacy-browsers($browsers-supporting-svg-but-not-gradients,
+                                 $svg-gradient-shim-threshold)
+    {
+      @include with-prefix(-svg) {
+        @content;
+      }
+    }
+  }
+  @if prefixed(-owg, $values) {
+    @include for-legacy-browsers($browsers-supporting-old-webkit-gradients,
+                                 $owg-threshold)
+    {
+      @include with-prefix(-owg) {
+        @content;
+      }
+    }
+  }
+  @include with-each-prefix(css-gradients, $gradient-support-threshold) {
+    @if $current-prefix {
+      @if prefixed($current-prefix, $values) {
+        @content;
+      } @else if $debug-browser-support {
+        /* There is not a value that needs to be prefixed with #{$current-prefix} in: #{$values} */
+      }
+    } @else {
+      @content;
+    }
+  }
+}
+
+@mixin image-property($property, $values...) {
+  @include each-gradient-prefix($values) {
+    @if $current-prefix {
+      #{$property}: prefix($current-prefix, $values);
+    } @else {
+      #{$property}: $values;
+    }
+    @content;
+  }
+}
+
+// Background property support for vendor prefixing within values.
+@mixin background($backgrounds...) {
+  @include image-property(background, $backgrounds...);
+}
+
+// Set any number of background layers, along with a fallback.
+// The final argument will be output separately, first, as a css2 fallback.
+@mixin background-with-css2-fallback($backgrounds...) {
+  @if length($backgrounds) > 1 or prefixed(-css2, $backgrounds) {
+    background: -css2(nth($backgrounds, -1));
+  }
+  @include background($backgrounds...);
+}
+
+
+// Background image property support for vendor prefixing within values.
+@mixin background-image($images...) {
+  @include image-property(background-image, $images...) {
+    @if $current-prefix == -svg {
+      background-size: 100%;
+    }
+  }
+}
+
+// Emit a IE-Specific filters that renders a simple linear gradient.
+// For use in IE 6 - 8. Best practice would have you apply this via a
+// conditional IE stylesheet, but if you must, you should place this before
+// any background-image properties that you have specified.
+//
+// For the `$orientation` parameter, you can pass `vertical` or `horizontal`.
+@mixin filter-gradient(
+  $start-color,
+  $end-color,
+  $orientation: vertical
+) {
+  @include for-legacy-browsers((ie: "8"), $gradient-support-threshold) {
+    @include has-layout;
+    $gradient-type: if($orientation == vertical, 0, 1);
+    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=#{$gradient-type}, startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}');
+  }
+}
+
+
+// Border image property support for vendor prefixing properties and values.
+@mixin border-image($value) {
+  @include with-each-prefix(border-image, $border-image-support-threshold) {
+    $border-prefix: $current-prefix;
+    @include each-gradient-prefix($value) {
+      @if $current-prefix and prefixed($current-prefix, $value) {
+        $legacy-value: reject($value, fill);
+        @include prefix-prop(border-image, prefix($current-prefix, $legacy-value), $prefix: $border-prefix);
+      } @else {
+        @include prefix-prop(border-image, $value, $prefix: $border-prefix);
+      }
+    }
+  }
+}
+
+// List style image property support for vendor prefixing within values.
+@mixin list-style-image($image) {
+  @include image-property(list-style-image, $image);
+}
+
+// List style property support for vendor prefixing within values.
+@mixin list-style($value) {
+  @include image-property(list-style, $value);
+}
+
+// content property support for vendor prefixing within values.
+@mixin content($value) {
+  @include image-property(content, $value);
+}

data/stylesheets/compass/css3/_inline-block.scss

@@ -0,0 +1,31 @@
+@import "compass/support";
+
+// The legacy support for inline-block.
+// Defaults to the $graceful-usage-threshold.
+$inline-block-support-threshold: $graceful-usage-threshold !default;
+
+// Set `$inline-block-alignment` to `none` or `false` to disable the output
+// of a vertical-align property in the inline-block mixin.
+// Or set it to a legal value for `vertical-align` to change the default.
+$inline-block-alignment: middle !default;
+
+// Provides a cross-browser method to implement `display: inline-block;`
+@mixin inline-block($alignment: $inline-block-alignment, $ie-alignment: auto) {
+  // legacy support for VERY old firefox
+  @if support-legacy-browser("firefox", "2", $threshold: $inline-block-support-threshold) {
+    display: -moz-inline-stack;
+  }
+  // standard
+  display: inline-block;
+  @if $alignment and $alignment != none {
+    vertical-align: $alignment;
+  }
+  // legacy IE support
+  @if support-legacy-browser("ie", "7", $threshold: $inline-block-support-threshold) {
+    @if $ie-alignment and $ie-alignment != none {
+      *vertical-align: $ie-alignment;
+    }
+    *zoom: 1;
+    *display: inline;
+  }
+}

data/stylesheets/compass/css3/_opacity.scss

@@ -0,0 +1,27 @@
+@import "compass/support";
+
+// The support usage threshold for opacity. Defaults to the global
+// threshold for graceful degradation.
+$opacity-usage-threshold: $graceful-usage-threshold !default;
+
+// Provides cross-browser CSS opacity. Takes a number between 0 and 1 as the argument, e.g. 0.5 for 50% opacity.
+//
+//     @param $opacity
+//         A number between 0 and 1, where 0 is transparent and 1 is opaque.
+
+@mixin opacity($opacity) {
+  @include for-legacy-browser("ie", "8", $threshold: $opacity-usage-threshold) {
+    @if $opacity == 1 {
+      filter: unquote("progid:DXImageTransform.Microsoft.Alpha(enabled=false)");
+    } @else {
+      filter: unquote("progid:DXImageTransform.Microsoft.Alpha(Opacity=#{round($opacity * 100)})");
+    }
+  }
+  opacity: $opacity;
+}
+
+// Make an element completely transparent.
+@mixin transparent { @include opacity(0); }
+
+// Make an element completely opaque.
+@mixin opaque { @include opacity(1); }

data/stylesheets/compass/css3/_pie.scss

@@ -0,0 +1 @@
+@warn "Support for CSS3Pie has been removed.";

data/stylesheets/compass/css3/_regions.scss

@@ -0,0 +1,27 @@
+// Regions
+
+@import "compass/support";
+
+// The prefixed support threshold for css regions.
+// Defaults to the $graceful-usage-threshold.
+$regions-support-threshold: $graceful-usage-threshold !default;
+
+
+// Webkit, IE10 and future support for [CSS Regions](http://dev.w3.org/csswg/css3-regions/)
+//
+// $target is a value you use to link two regions of your css.
+// Give the source of your content the flow-into property,
+// and give your target container the flow-from property.
+//
+// For a visual explanation, see the diagrams at Chris Coyier's
+// [CSS-Tricks](http://css-tricks.com/content-folding/)
+
+@mixin flow-into($target) {
+  $target: unquote($target);
+  @include prefixed-properties(css-regions, $regions-support-threshold, (flow-into: $target));
+}
+
+@mixin flow-from($target) {
+  $target: unquote($target);
+  @include prefixed-properties(css-regions, $regions-support-threshold, (flow-from: $target));
+}

data/stylesheets/compass/css3/_selection.scss

@@ -0,0 +1,59 @@
+@import "compass/support";
+@import "compass/utilities/color";
+
+// The prefixed support threshold for ::selection.
+// Defaults to the $graceful-usage-threshold.
+$selection-support-threshold: $graceful-usage-threshold !default;
+
+// Style selected text.
+//
+// At this time, only two CSS properties are supported in most browsers
+// during selection: color and background-color. Firefox supports the
+// text-shadow property.
+//
+// At the stylesheet root, include the mixin within the * selector.
+//
+//     * {
+//       @include selection(#fe57a1, #fff)
+//     }
+//
+// If a specific element or selector's selection is being styled
+// you can use that selector instead. For example:
+//
+//     .hot-pink {
+//       @include selection(#fe57a1, #fff)
+//     }
+//
+// These properties can be passed as arguments or you can set them via mixin
+// content.
+//
+// For future-forward compatibility with other properties and aesthetic freedom,
+// a mixin content block can be passed to this mixin in addition to or in place of
+// passing arguments.
+//
+//     .hot-pink {
+//       @include selection {
+//         background: #fe57a1;
+//         color: #fff;
+//       }
+//     }
+//
+// When `$background-color` is specified, but `$color` is not, this mixin
+// styles the foreground color like the [contrasted
+// mixin](/reference/compass/utilities/color/contrast/#mixin-contrasted).  To
+// specify only the background-color, you should pass an explicit `null` value
+// for `$color` or use mixin content.
+@mixin selection($background-color: null, $color: contrast-color($background-color)) {
+  @include with-each-prefix(css-selection, $selection-support-threshold) {
+    $selector: '';
+    @if $current-prefix != null {
+      $selector: $current-prefix + '-';
+    }
+    $selector: "&::#{$selector}selection";
+    #{$selector} {
+      color: $color;
+      background-color: $background-color;
+      @content;
+    }
+  }
+}

data/stylesheets/compass/css3/_shared.scss

@@ -0,0 +1,5 @@
+@warn "The compass/css3/shared module has been deprecated.
+You can silence this warning by importing compass/css3/deprecated-support instead.
+Please be aware that module will be removed in the next release.";
+
+@import "deprecated-support";

data/stylesheets/compass/css3/_text-shadow.scss

@@ -0,0 +1,82 @@
+// Text Shadow
+
+@import "compass/support";
+
+
+// These defaults make the arguments optional for this mixin
+// If you like, set different defaults in your project
+
+$default-text-shadow-color      : #aaaaaa !default;
+$default-text-shadow-h-offset   : 0px     !default;
+$default-text-shadow-v-offset   : 0px     !default;
+$default-text-shadow-blur       : 1px     !default;
+$default-text-shadow-spread     : false   !default;
+
+
+// Provides cross-browser text shadows when one or more shadows are needed.
+// Each shadow argument should adhere to the standard css3 syntax for the
+// text-shadow property.
+//
+// Note: if any shadow has a spread parameter, this will cause the mixin
+// to emit the shadow declaration twice, first without the spread,
+// then with the spread included. This allows you to progressively
+// enhance the browsers that do support the spread parameter.
+@mixin text-shadow(
+  $shadow...
+) {
+  $shadow: if(length($shadow) > 0, $shadow, default);
+  $default: -compass-space-list(compact($default-text-shadow-h-offset $default-text-shadow-v-offset $default-text-shadow-blur $default-text-shadow-spread $default-text-shadow-color));
+  $shadows-without-spread: join((),(),comma);
+  $shadows: join((),(),comma);
+  $has-spread: false;
+
+  @each $layer in $shadow {
+    $layer: if($layer == 'default', $default, $layer);
+    @if length($layer) > 4 {
+      $has-spread: true;
+      $shadows-without-spread: append($shadows-without-spread, nth($layer,1) nth($layer,2) nth($layer,3) nth($layer,5));
+      $shadows: append($shadows, $layer);
+    } @else {
+      $shadows-without-spread: append($shadows-without-spread, $layer);
+      $shadows: append($shadows, $layer);
+    }
+  }
+  @if $has-spread {
+    text-shadow: $shadows-without-spread;
+  }
+  text-shadow: $shadows;
+}
+
+// Provides a single cross-browser CSS text shadow.
+//
+// Provides sensible defaults for the color, horizontal offset, vertical offset, blur, and spread
+// according to the configuration defaults above.
+@mixin single-text-shadow(
+  $hoff: false,
+  $voff: false,
+  $blur: false,
+  $spread: false,
+  $color: false
+) {
+  // A lot of people think the color comes first. It doesn't.
+  @if type-of($hoff) == color {
+    $temp-color: $hoff;
+    $hoff: $voff;
+    $voff: $blur;
+    $blur: $spread;
+    $spread: $color;
+    $color: $temp-color;
+  }
+  // Can't rely on default assignment with multiple supported argument orders.
+  $hoff:   if($hoff,   $hoff,   $default-text-shadow-h-offset);
+  $voff:   if($voff,   $voff,   $default-text-shadow-v-offset);
+  $blur:   if($blur,   $blur,   $default-text-shadow-blur    );
+  $spread: if($spread, $spread, $default-text-shadow-spread  );
+  $color:  if($color,  $color,  $default-text-shadow-color   );
+  // We don't need experimental support for this property.
+  @if $color == none or $hoff == none {
+    @include text-shadow(none);
+  } @else {
+    @include text-shadow(compact($hoff $voff $blur $spread $color));
+  }
+}