compass-core-sass37 1.1.0

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

@@ -0,0 +1,19 @@
+// 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/stylesheets/compass/css3/_border-radius.scss

@@ -0,0 +1,107 @@
+// 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/stylesheets/compass/css3/_box-shadow.scss

@@ -0,0 +1,88 @@
+// 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/stylesheets/compass/css3/_box-sizing.scss

@@ -0,0 +1,21 @@
+// 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;
+
+// The default box-sizing model when no argument is provided to the box-sizing mixin: [ content-box | border-box | padding-box ]
+//
+// The browser default is content-box, compass defaults to border-box.
+$default-box-sizing: border-box !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: $default-box-sizing) {
+  $box-model: unquote($box-model);
+  @include prefixed-properties(css3-boxsizing, $box-sizing-support-threshold, (box-sizing: $box-model));
+}

data/stylesheets/compass/css3/_box.scss

@@ -0,0 +1,85 @@
+// Flexible Box
+@import "deprecated-support";
+
+@warn "The compass/css3/box module is DEPRECATED and will be removed in the next release. Please use compass/css3/flexbox instead.";
+
+// @private css3-feature-support variables must always include a list of five boolean values
+$legacy-box-support: -moz, -webkit, not -o, -ms, not -khtml;
+
+// Default box orientation, assuming that the user wants something less block-like
+$default-box-orient         : horizontal      !default;
+
+// Default box-align
+$default-box-align          : stretch         !default;
+
+// Default box flex
+$default-box-flex           : 0               !default;
+
+// Default flex group
+$default-box-flex-group     : 1               !default;
+
+// Box direction default value
+$default-box-direction      : normal          !default;
+
+// Default ordinal group
+$default-box-ordinal-group  : 1               !default;
+
+// Default box lines
+$default-box-lines          : single          !default;
+
+// Default box pack
+$default-box-pack           : start           !default;
+
+
+// Apply 'display:box;' to an element.
+// - must be used for any of the other flexbox mixins to work properly
+@mixin display-box {
+  @include experimental-value(display, box, $legacy-box-support...);
+}
+
+// Box orientation [ horizontal | vertical | inline-axis | block-axis | inherit ]
+@mixin box-orient($orientation: $default-box-orient) {
+  $orientation : unquote($orientation);
+  @include experimental(box-orient, $orientation, $legacy-box-support...);
+}
+
+// Box align [ start | end | center | baseline | stretch ]
+@mixin box-align($alignment: $default-box-align) {
+  $alignment : unquote($alignment);
+  @include experimental(box-align, $alignment, $legacy-box-support...);
+}
+
+// Takes an int argument for box flex. Apply this to the children inside the box.
+//
+// For example: "div.display-box > div.child-box" would get the box flex mixin.
+@mixin box-flex($flex: $default-box-flex) {
+  @include experimental(box-flex, $flex, $legacy-box-support...);
+}
+
+// Takes an int argument for flexible grouping
+@mixin box-flex-group($group: $default-box-flex-group) {
+  @include experimental(box-flex-group, $group, $legacy-box-support...);
+}
+
+// Takes an int argument for ordinal grouping and rearranging the order
+@mixin box-ordinal-group($group: $default-box-ordinal-group) {
+  @include experimental(box-ordinal-group, $group, $legacy-box-support...);
+}
+
+// Box direction [ normal | reverse | inherit ]
+@mixin box-direction($direction: $default-box-direction) {
+  $direction: unquote($direction);
+  @include experimental(box-direction, $direction, $legacy-box-support...);
+}
+
+// Box lines [ single | multiple ]
+@mixin box-lines($lines: $default-box-lines) {
+  $lines: unquote($lines);
+  @include experimental(box-lines, $lines, $legacy-box-support...);
+}
+
+// Box pack [ start | end | center | justify ]
+@mixin box-pack($pack: $default-box-pack) {
+  $pack: unquote($pack);
+  @include experimental(box-pack, $pack, $legacy-box-support...);
+}

data/stylesheets/compass/css3/_columns.scss

@@ -0,0 +1,212 @@
+// Columns
+@import "compass/support";
+
+// The prefixed support threshold for columns.
+// Defaults to the $critical-usage-threshold.
+$multicolumn-support-threshold: $critical-usage-threshold !default;
+
+
+// Specify the shorthand `columns` property.
+//
+// Example:
+//
+//     @include columns(20em 2);
+@mixin columns($width-and-count) {
+  @include prefixed-properties(multicolumn, $multicolumn-support-threshold,(
+    columns: $width-and-count
+  ));
+}
+
+// Specify the number of columns
+@mixin column-count($count) {
+  @include prefixed-properties(multicolumn, $multicolumn-support-threshold,(
+    column-count: $count
+  ));
+}
+
+// Specify the gap between columns e.g. `20px`
+@mixin column-gap($width) {
+  @include prefixed-properties(multicolumn, $multicolumn-support-threshold,(
+    column-gap: $width
+  ));
+}
+
+// Specify the width of columns e.g. `100px`
+@mixin column-width($width) {
+  @include prefixed-properties(multicolumn, $multicolumn-support-threshold,(
+    column-width: $width
+  ));
+}
+
+// Specify how many columns an element should span across.
+//
+// * legal values are 1, all
+@mixin column-span($columns) {
+  @include prefixed-properties(multicolumn, $multicolumn-support-threshold,(
+    column-span: $columns
+  ));
+}
+
+// Specify the width of the rule between columns e.g. `1px`
+@mixin column-rule-width($width) {
+  @include prefixed-properties(multicolumn, $multicolumn-support-threshold,(
+    rule-width: $width
+  ));
+}
+
+// Specify the style of the rule between columns e.g. `dotted`.
+// This works like border-style.
+@mixin column-rule-style($style) {
+  @include prefixed-properties(multicolumn, $multicolumn-support-threshold,(
+    rule-style: $style
+  ));
+}
+
+// Specify the color of the rule between columns e.g. `blue`.
+// This works like border-color.
+@mixin column-rule-color($color) {
+  @include prefixed-properties(multicolumn, $multicolumn-support-threshold,(
+    rule-color: $color
+  ));
+}
+
+// Mixin encompassing all column rule properties
+// For example:
+//
+//     @include column-rule(1px, solid, #c00)
+//
+// Or the values can be space separated:
+//
+//     @include column-rule(1px solid #c00)
+@mixin column-rule($width, $style: null, $color: null) {
+  @include prefixed-properties(multicolumn, $multicolumn-support-threshold,(
+    column-rule: $width $style $color
+  ));
+}
+
+// All-purpose mixin for setting column breaks.
+//
+// * legal values for $type : before, after, inside
+// * legal values for '$value' are dependent on $type
+//    * when $type = before, legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
+//    * when $type = after, legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
+//    * when $type = inside, legal values are auto, avoid, avoid-page, avoid-column
+//
+//  Examples:
+//    h2.before {@include column-break(before, always);}
+//    h2.after {@include column-break(after, always); }
+//    h2.inside {@include column-break(inside); }
+//
+//  Which generates:
+//  h2.before {
+//    -webkit-column-break-before: always;
+//    break-before: always;}
+//
+//  h2.after {
+//    -webkit-column-break-after: always;
+//    break-after: always; }
+//
+//  h2.inside {
+//    -webkit-column-break-inside: auto;
+//    break-inside: auto;}
+
+@mixin column-break($type: before, $value: auto){
+  @include with-each-prefix(multicolumn, $multicolumn-support-threshold) {
+    @if $current-prefix == -webkit {
+      // Webkit uses non-standard syntax
+      -webkit-column-break-#{$type}: $value;
+    } @else if $current-prefix == -moz {
+      // Moz uses a different non-standard syntax
+      -moz-page-break-#{$type}: $value;
+    } @else {
+      @include prefix-prop(break-#{$type}, $value);
+    }
+  }
+}
+
+// Mixin for setting break-before
+//
+// * legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
+//
+//  Example:
+//    h2.before {@include break-before(always);}
+//
+//  Which generates:
+//
+//  h2.before {
+//    -webkit-column-break-before: always;
+//    break-before: always;}
+@mixin break-before($value: auto){
+  @include column-break(before, $value);
+}
+
+@mixin column-break-before($value: auto){
+  @include column-break(before, $value);
+  @warn '"column-break-before" has been deprecated in favor of the official syntax: "break-before".';
+}
+
+// Mixin for setting break-after
+//
+// * legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
+//
+//  Example:
+//    h2.after {@include break-after(always); }
+//
+//  Which generates:
+//
+//  h2.after {
+//    -webkit-column-break-after: always;
+//    break-after: always; }
+@mixin break-after($value: auto){
+  @include column-break(after, $value);
+}
+
+@mixin column-break-after($value: auto){
+  @include column-break(after, $value);
+  @warn '"column-break-after" has been deprecated in favor of the official syntax: "break-after".';
+}
+
+// Mixin for setting break-inside
+//
+// * legal values are auto, avoid, avoid-page, avoid-column
+//
+//  Example:
+//    h2.inside {@include break-inside();}
+//
+//  Which generates:
+//
+//  h2.inside {
+//    -webkit-column-break-inside: auto;
+//    break-inside: auto;}
+@mixin break-inside($value: auto){
+  @include column-break(inside, $value);
+}
+
+@mixin column-break-inside($value: auto){
+  @include column-break(inside, $value);
+  @warn '"column-break-inside" has been deprecated in favor of the official syntax: "break-inside".';
+}
+
+// Mixin for setting column-span
+//
+// * legal values: none, all
+//
+//  Example:
+//    h2.span {@include column-span();}
+@mixin column-span($span: all){
+  @include prefixed-properties(multicolumn, $multicolumn-support-threshold,(
+    column-span: $span
+  ));
+}
+
+// Mixin for setting column-fill
+//
+// * legal values: auto, balance
+//
+//  Example:
+//    h2.fill {@include column-fill();}
+@mixin column-fill($fill: balance){
+  @include prefixed-properties(multicolumn, $multicolumn-support-threshold,(
+    column-fill: $fill
+  ));
+}