compass 0.12.4 → 1.0.0

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

@@ -1,111 +0,0 @@
-@import "shared";
-
-// display:box; must be used for any of the other flexbox mixins to work properly
-@mixin display-box {
-  @include experimental-value(display, box,
-    -moz, -webkit, not -o, -ms, not -khtml, official
-  );
-}
-
-// Default box orientation, assuming that the user wants something less block-like
-$default-box-orient: horizontal !default;
-
-// Box orientation [ horizontal | vertical | inline-axis | block-axis | inherit ]
-@mixin box-orient(
-  $orientation: $default-box-orient
-) {
-  $orientation : unquote($orientation);
-  @include experimental(box-orient, $orientation,
-    -moz, -webkit, not -o, -ms, not -khtml, official
-  );
-}
-
-// Default box-align
-$default-box-align: stretch !default;
-
-// Box align [ start | end | center | baseline | stretch ]
-@mixin box-align(
-  $alignment: $default-box-align
-) {
-  $alignment : unquote($alignment);
-  @include experimental(box-align, $alignment,
-    -moz, -webkit, not -o, -ms, not -khtml, official
-  );
-}
-
-// Default box flex
-$default-box-flex: 0 !default;
-
-// mixin which 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,
-    -moz, -webkit, not -o, -ms, not -khtml, official
-  );
-}
-
-// Default flex group
-$default-box-flex-group: 1 !default;
-
-// mixin which takes an int argument for flexible grouping
-@mixin box-flex-group(
-  $group: $default-box-flex-group
-) {
-  @include experimental(box-flex-group, $group,
-    -moz, -webkit, not -o, -ms, not -khtml, official
-  );
-}
-
-// default for ordinal group
-$default-box-ordinal-group: 1 !default;
-
-// mixin which 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,
-    -moz, -webkit, not -o, -ms, not -khtml, official
-  );
-}
-
-// Box direction default value
-$default-box-direction: normal !default;
-
-// mixin for box-direction [ normal | reverse | inherit ]
-@mixin box-direction(
-  $direction: $default-box-direction
-) {
-  $direction: unquote($direction);
-  @include experimental(box-direction, $direction,
-    -moz, -webkit, not -o, -ms, not -khtml, official
-  );
-}
-
-// default for box lines
-$default-box-lines: single !default;
-
-// mixin for box lines [ single | multiple ]
-@mixin box-lines(
-  $lines: $default-box-lines
-) {
-  $lines: unquote($lines);
-  @include experimental(box-lines, $lines,
-    -moz, -webkit, not -o, -ms, not -khtml, official
-  );
-}
-
-// default for box pack
-$default-box-pack: start !default;
-
-// mixin for box pack [ start | end | center | justify ]
-@mixin box-pack(
-  $pack: $default-box-pack
-) {
-  $pack: unquote($pack);
-  @include experimental(box-pack, $pack,
-    -moz, -webkit, not -o, -ms, not -khtml, official
-  );
-}

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

@@ -1,157 +0,0 @@
-@import "shared";
-
-// Specify the shorthand `columns` property.
-//
-// Example:
-//
-//     @include columns(20em 2)
-@mixin columns($width-and-count) {
-  @include experimental(columns, $width-and-count,
-    -moz, -webkit, -o, -ms, not -khtml, official
-  );
-}
-
-// Specify the number of columns
-@mixin column-count($count) {
-  @include experimental(column-count, $count,
-    -moz, -webkit, -o, -ms, not -khtml, official
-  );
-}
-
-// Specify the gap between columns e.g. `20px`
-@mixin column-gap($width) {
-  @include experimental(column-gap, $width,
-    -moz, -webkit, -o, -ms, not -khtml, official
-  );
-}
-
-// Specify the width of columns e.g. `100px`
-@mixin column-width($width) {
-  @include experimental(column-width, $width,
-    -moz, -webkit, -o, -ms, not -khtml, official
-  );
-}
-
-// Specify how many columns an element should span across.
-//
-// * legal values are 1, all
-@mixin column-span($columns) {
-	@include experimental(column-span, $columns,
-		-moz, -webkit, -o, -ms, not -khtml, official
-	);
-}
-
-// Specify the width of the rule between columns e.g. `1px`
-@mixin column-rule-width($width) {
-  @include experimental(column-rule-width, $width,
-    -moz, -webkit, -o, -ms, not -khtml, official
-  );
-}
-
-// Specify the style of the rule between columns e.g. `dotted`.
-// This works like border-style.
-@mixin column-rule-style($style) {
-  @include experimental(column-rule-style, unquote($style),
-    -moz, -webkit, -o, -ms, not -khtml, official
-  );
-}
-
-// Specify the color of the rule between columns e.g. `blue`.
-// This works like border-color.
-@mixin column-rule-color($color) {
-  @include experimental(column-rule-color, $color,
-    -moz, -webkit, -o, -ms, not -khtml, official
-  );
-}
-
-// 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: false, $color: false) {
-  $full : -compass-space-list(compact($width, $style, $color));
-  @include experimental(column-rule, $full,
-    -moz, -webkit, -o, -ms, not -khtml, official
-  );
-}
-
-// Mixin for setting column-break-before
-//
-// * legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
-//
-//  Example: 
-//    h2.before {@include column-break-before(always);}
-//
-//  Which generates: 
-//
-//  h2.before {    
-//    -webkit-column-break-before: always;
-//    column-break-before: always;}
-@mixin column-break-before($value: auto){
-   @include experimental(column-break-before, $value, not -moz, -webkit, not -o, not -ms, not -khtml, official );
-}
-
-// Mixin for setting column-break-after
-//
-// * legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
-//
-//  Example: 
-//    h2.after {@include column-break-after(always); }
-//
-//  Which generates: 
-//
-//  h2.after {
-//    -webkit-column-break-after: always;
-//    column-break-after: always; }
-@mixin column-break-after($value: auto){
-   @include experimental(column-break-after, $value, not -moz, -webkit, not -o, not -ms, not -khtml, official );
-}
-
-// Mixin for setting column-break-inside
-//
-// * legal values are auto, avoid, avoid-page, avoid-column
-//
-//  Example: 
-//    h2.inside {@include column-break-inside();}
-//  Which generates: 
-//  
-//  h2.inside {
-//    -webkit-column-break-inside: auto;
-//    column-break-inside: auto;}
-@mixin column-break-inside($value: auto){
-   @include experimental(column-break-inside, $value, not -moz, -webkit, not -o, not -ms, not -khtml, official );
-}
-
-// 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;
-//    column-break-before: always;}
-//  
-//  h2.after {
-//    -webkit-column-break-after: always;
-//    column-break-after: always; }
-//
-//  h2.inside {
-//    -webkit-column-break-inside: auto;
-//    column-break-inside: auto;}
- 
-@mixin column-break($type: before, $value: auto){
-   @include experimental("column-break-#{$type}", $value, not -moz, -webkit, not -o, not -ms, not -khtml, official );
-}

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

@@ -1,23 +0,0 @@
-@import "shared";
-
-// Provides cross-browser support for the upcoming (?) css3 filter property.
-//
-// Each filter argument should adhere to the standard css3 syntax for the
-// filter property.
-@mixin filter (
-  $filter-1,
-  $filter-2 : false,
-  $filter-3 : false,
-  $filter-4 : false,
-  $filter-5 : false,
-  $filter-6 : false,
-  $filter-7 : false,
-  $filter-8 : false,
-  $filter-9 : false,
-  $filter-10: false
-) {
-  $filter : compact($filter-1, $filter-2, $filter-3, $filter-4, $filter-5, $filter-6, $filter-7, $filter-8, $filter-9, $filter-10);
-  @include experimental(filter, $filter,
-    -moz, -webkit, not -o, not -ms, not -khtml, official
-  );
-}

data/frameworks/compass/stylesheets/compass/css3/_font-face.scss

@@ -1,48 +0,0 @@
-@import "shared";
-
-// Cross-browser support for @font-face. Supports IE, Gecko, Webkit, Opera.
-//
-// * $name is required, arbitrary, and what you will use in font stacks.
-// * $font-files is required using font-files('relative/location', 'format').
-//   for best results use this order: woff, opentype/truetype, svg
-// * $eot is required by IE, and is a relative location of the eot file.
-// * $weight shows if the font is bold, defaults to normal
-// * $style defaults to normal, might be also italic
-// * For android 2.2 Compatiblity, please ensure that your web page has
-//   a meta viewport tag.
-// * To support iOS < 4.2, an SVG file must be provided
-//
-// If you need to generate other formats check out the Font Squirrel
-// [font generator](http://www.fontsquirrel.com/fontface/generator)
-//
-
-// In order to refer to a specific style of the font in your stylesheets as
-// e.g. "font-style: italic;",  you may add a couple of @font-face includes
-// containing the respective font files for each style and specying
-// respective the $style parameter.
-
-// Order of the includes matters, and it is: normal, bold, italic, bold+italic.
-
-@mixin font-face(
-  $name,
-  $font-files,
-  $eot: false,
-  $weight: false,
-  $style: false
-) {
-  $iefont: unquote("#{$eot}?#iefix");
-  @font-face {
-    font-family: quote($name);
-    @if $eot {
-      src: font-url($eot);
-      $font-files: font-url($iefont) unquote("format('embedded-opentype')"), $font-files;
-    }
-    src: $font-files;
-    @if $weight {
-      font-weight: $weight;
-    }
-    @if $style {
-      font-style: $style;
-    }
-  }
-}

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

@@ -1,77 +0,0 @@
-@import "shared";
-
-// Mixins to support specific CSS Text Level 3 elements
-//
-//
-//
-// Mixin for word-break properties
-// http://www.w3.org/css3-text/#word-break
-// * legal values for $type : normal, keep-all, break-all
-//
-// Example:
-//    p.wordBreak {@include word-break(break-all);}
-//
-// Which generates:
-//    p.wordBreak {
-//      -ms-word-break: break-all;
-//      word-break: break-all;
-//      word-break: break-word;}
-//
-@mixin word-break($value: normal){
-  @if $value == break-all {
-    //Most browsers handle the break-all case the same...
-    @include experimental(word-break, $value,
-      not -moz, not -webkit, not -o, -ms, not -khtml, official
-    );
-    //Webkit handles break-all differently... as break-word
-    @include experimental(word-break, break-word,
-      not -moz, not -webkit, not -o, not -ms, not -khtml, official
-    );
-  }
-  @else {
-    @include experimental(word-break, $value,
-      not -moz, not -webkit, not -o, -ms, not -khtml, official
-    );
-  }
-}
-
-// Mixin for the hyphens property
-//
-// W3C specification: http://www.w3.org/TR/css3-text/#hyphens
-// * legal values for $type : auto, manual, none
-//
-// Example:
-//  p {
-//    @include hyphens(auto);}
-// Which generates:
-//  p {
-//    -moz-hyphens: auto;
-//    -webkit-hyphens: auto;
-//    hyphens: auto;}
-//
-@mixin hyphens($value: auto){
-  @include experimental(hyphens, $value,
-    -moz, -webkit, not -o, not -ms, not -khtml, official
-  );
-}
-
-// Mixin for x-browser hyphenation based on @auchenberg's post:
-// Removes the need for the <wbr/> HTML tag
-// http://blog.kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/
-//
-//  Example:
-//  div {@include hyphenation;}
-//
-//  Which generates:
-//    div {
-//      -ms-word-break: break-all;
-//      word-break: break-all;
-//      word-break: break-word;
-//      -moz-hyphens: auto;
-//      -webkit-hyphens: auto;
-//      hyphens: auto;}
-//
-@mixin hyphenation{
-  @include word-break(break-all);
-  @include hyphens;
-}

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

@@ -1,132 +0,0 @@
-@import "shared";
-@import "compass/utilities/general/hacks";
-
-// Background property support for vendor prefixing within values.
-@mixin background(
-  $background-1,
-  $background-2: false,
-  $background-3: false,
-  $background-4: false,
-  $background-5: false,
-  $background-6: false,
-  $background-7: false,
-  $background-8: false,
-  $background-9: false,
-  $background-10: false
-) {
-  $backgrounds: compact($background-1, $background-2, $background-3, $background-4, $background-5,
-                        $background-6, $background-7, $background-8, $background-9, $background-10);
-  $mult-bgs: -compass-list-size($backgrounds) > 1;
-  $add-pie-bg: prefixed(-pie,   $backgrounds) or $mult-bgs;
-  @if $experimental-support-for-svg          and prefixed(-svg,    $backgrounds) {      background:    -svg($backgrounds); }
-  @if $support-for-original-webkit-gradients and prefixed(-owg,    $backgrounds) {      background:    -owg($backgrounds); }
-  @if $experimental-support-for-webkit       and prefixed(-webkit, $backgrounds) {      background: -webkit($backgrounds); }
-  @if $experimental-support-for-mozilla      and prefixed(-moz,    $backgrounds) {      background:    -moz($backgrounds); }
-  @if $experimental-support-for-opera        and prefixed(-o,      $backgrounds) {      background:      -o($backgrounds); }
-  @if $experimental-support-for-pie          and $add-pie-bg                     { -pie-background:    -pie($backgrounds); }
-                                                                                        background:         $backgrounds ;
-}
-
-@mixin background-with-css2-fallback(
-  $background-1,
-  $background-2: false,
-  $background-3: false,
-  $background-4: false,
-  $background-5: false,
-  $background-6: false,
-  $background-7: false,
-  $background-8: false,
-  $background-9: false,
-  $background-10: false
-) {
-  $backgrounds: compact($background-1, $background-2, $background-3, $background-4, $background-5,
-                        $background-6, $background-7, $background-8, $background-9, $background-10);
-  $mult-bgs: -compass-list-size($backgrounds) > 1;
-  $simple-background: if($mult-bgs or prefixed(-css2, $backgrounds), -css2(-compass-nth($backgrounds, last)), false);
-  @if not blank($simple-background) { background: $simple-background; }
-  @include background($background-1, $background-2, $background-3, $background-4, $background-5,
-                      $background-6, $background-7, $background-8, $background-9, $background-10);
-}
-
-
-// Background image property support for vendor prefixing within values.
-@mixin background-image(
-  $image-1,
-  $image-2: false,
-  $image-3: false,
-  $image-4: false,
-  $image-5: false,
-  $image-6: false,
-  $image-7: false,
-  $image-8: false,
-  $image-9: false,
-  $image-10: false
-) {
-  $images: compact($image-1, $image-2, $image-3, $image-4, $image-5, $image-6, $image-7, $image-8, $image-9, $image-10);
-  $add-pie-bg: prefixed(-pie,   $images) or -compass-list-size($images) > 1;
-
-  @if $experimental-support-for-svg          and prefixed(-svg,    $images) { background-image:    -svg($images); background-size: 100%; }
-  @if $support-for-original-webkit-gradients and prefixed(-owg,    $images) { background-image:    -owg($images); }
-  @if $experimental-support-for-webkit       and prefixed(-webkit, $images) { background-image: -webkit($images); }
-  @if $experimental-support-for-mozilla      and prefixed(-moz,    $images) { background-image:    -moz($images); }
-  @if $experimental-support-for-opera        and prefixed(-o,      $images) { background-image:      -o($images); }
-  @if $experimental-support-for-pie          and $add-pie-bg                { @warn "PIE does not support background-image. Use @include background(#{$images}) instead." }
-                                                                              background-image:         $images ;
-}
-
-// 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 has-layout;
-  $gradient-type: if($orientation == vertical, 0, 1);
-  @if $legacy-support-for-ie6 or $legacy-support-for-ie7 or $legacy-support-for-ie8 {
-    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) {
-  @if $experimental-support-for-mozilla      {    -moz-border-image:    -moz(reject(-compass-list($value), fill)); }
-  @if $support-for-original-webkit-gradients { -webkit-border-image:    -owg(reject(-compass-list($value), fill)); }
-  @if $experimental-support-for-webkit       { -webkit-border-image: -webkit(reject(-compass-list($value), fill)); }
-  @if $experimental-support-for-opera        {      -o-border-image:      -o(reject(-compass-list($value), fill)); }
-  @if $experimental-support-for-svg          {         border-image:    -svg(reject(-compass-list($value), fill)); }
-                                                       border-image:                              $value;
-}
-
-// List style image property support for vendor prefixing within values.
-@mixin list-style-image($image) {
-  @if $experimental-support-for-mozilla      and prefixed(-moz,    $image) { list-style-image:    -moz($image); }
-  @if $support-for-original-webkit-gradients and prefixed(-owg,    $image) { list-style-image:    -owg($image); }
-  @if $experimental-support-for-webkit       and prefixed(-webkit, $image) { list-style-image: -webkit($image); }
-  @if $experimental-support-for-opera        and prefixed(-o,      $image) { list-style-image:      -o($image); }
-  @if $experimental-support-for-svg          and prefixed(-svg,    $image) { list-style-image:    -svg($image); }
-                                                                             list-style-image:         $image ;
-}
-
-// List style property support for vendor prefixing within values.
-@mixin list-style($value) {
-  $value: -compass-list($value);
-  @if $experimental-support-for-mozilla      and prefixed(-moz,    $value) { list-style-image:    -moz($value); }
-  @if $support-for-original-webkit-gradients and prefixed(-owg,    $value) { list-style-image:    -owg($value); }
-  @if $experimental-support-for-webkit       and prefixed(-webkit, $value) { list-style-image: -webkit($value); }
-  @if $experimental-support-for-opera        and prefixed(-o,      $value) { list-style-image:      -o($value); }
-  @if $experimental-support-for-svg          and prefixed(-svg,    $value) { list-style-image:    -svg($value); }
-                                                                             list-style-image:         $value ;
-}
-
-// content property support for vendor prefixing within values.
-@mixin content($value) {
-  $value: -compass-list($value);
-  @if $experimental-support-for-mozilla      and prefixed(-moz,    $value) { content:    -moz($value); }
-  @if $support-for-original-webkit-gradients and prefixed(-owg,    $value) { content:    -owg($value); }
-  @if $experimental-support-for-webkit       and prefixed(-webkit, $value) { content: -webkit($value); }
-  @if $experimental-support-for-opera        and prefixed(-o,      $value) { content:      -o($value); }
-  @if $experimental-support-for-svg          and prefixed(-svg,    $value) { content:    -svg($value); }
-                                                                             content:         $value ;
-}