compass-sass37 1.1.0

data/test/fixtures/stylesheets/compass/sass/animation-with-legacy-ie.scss

@@ -0,0 +1,17 @@
+@import "compass/css3/animation";
+@import "compass/css3/opacity";
+
+$browser-minimum-versions: (ie: "6");
+
+@include keyframes(test) {
+  0%, 100% {
+    @include opacity(1);
+  }
+  50% {
+    @include opacity(0);
+  }
+}
+
+.animation {
+  @include animation(test);
+}

data/test/fixtures/stylesheets/compass/sass/animation.scss

@@ -0,0 +1,13 @@
+@import "compass/css3/animation";
+
+@include keyframes(test) {
+  0%, 100% {
+    background-color: red; }
+  50% {
+    background-color: blue;
+  }
+}
+
+.animation {
+  @include animation(test);
+}

data/test/fixtures/stylesheets/compass/sass/appearance.scss

@@ -0,0 +1,5 @@
+@import "compass/css3/appearance";
+
+.searchfield {
+  @include appearance(searchfield);
+}

data/test/fixtures/stylesheets/compass/sass/background-clip.scss

@@ -0,0 +1,5 @@
+@import "compass/css3/background-clip";
+
+.background-clip { @include background-clip('border-box'); }
+
+.background-clip-multiple { @include background-clip('border-box', padding-box, content-box); }

data/test/fixtures/stylesheets/compass/sass/background-origin.scss

@@ -0,0 +1,5 @@
+@import "compass/css3/background-origin";
+
+.background-origin { @include background-origin('border-box'); }
+
+.background-origin-multiple { @include background-origin('border-box', padding-box, content-box); }

data/test/fixtures/stylesheets/compass/sass/background-size.scss

@@ -0,0 +1,7 @@
+@import "compass/css3/background-size";
+
+.background-size-default { @include background-size; }
+
+.background-size-single { @include background-size(50% 25%); }
+
+.background-size-multiple { @include background-size(4em 3em, $default-background-size, 50%); }

data/test/fixtures/stylesheets/compass/sass/border_radius.scss

@@ -0,0 +1,5 @@
+@import "compass/css3/border-radius";
+
+.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)}

data/test/fixtures/stylesheets/compass/sass/box-sizing.scss

@@ -0,0 +1,11 @@
+@import "compass/css3/box-sizing";
+
+.div {
+  @include box-sizing();
+}
+.div {
+  @include box-sizing(content-box);
+}
+.div {
+  @include box-sizing(border-box);
+}

data/test/fixtures/stylesheets/compass/sass/box.sass

@@ -0,0 +1,50 @@
+@import compass/css3/box
+
+.hbox
+  +display-box
+  +box-orient
+  +box-align
+  
+  & > *
+    +box-flex
+
+.vbox
+  +display-box
+  +box-orient(vertical)
+  +box-align
+  
+  & > *
+    +box-flex
+
+.spacer
+  +box-flex(1)
+
+.reverse
+  +box-direction(reverse)
+
+.box-flex-0
+  +box-flex(0)
+
+.box-flex-1
+  +box-flex(1)
+
+.box-flex-2
+  +box-flex(2)
+
+.box-flex-group-0
+  +box-flex-group(0)
+
+.box-flex-group-1
+  +box-flex-group(1)
+
+.box-flex-group-2
+  +box-flex-group(2)
+
+.start
+  +box-pack(start)
+
+.end
+  +box-pack(end)
+
+.center
+  +box-pack(center)

data/test/fixtures/stylesheets/compass/sass/box_shadow.scss

@@ -0,0 +1,7 @@
+@import "compass/css3/box-shadow";
+
+.no-box-shadow { @include box-shadow(none); }
+.box-shadow { @include box-shadow(default, 2px 2px 5px #222222);}
+.single-box-shadow { @include single-box-shadow;}
+.multiple-box-shadows { @include box-shadow(default, 2px 2px 5px #222222);}
+.legacy-single-box-shadow { @include single-box-shadow(blue);}

data/test/fixtures/stylesheets/compass/sass/brightness.scss

@@ -0,0 +1,12 @@
+@import "compass/utilities/color/brightness";
+
+.black-is-0-percent {
+  brightness: brightness(black); }
+.white-is-100-percent {
+  brightness: brightness(white); }
+.green-is-58-point-7-percent {
+  brightness: brightness(#00ff00); }
+.blue-is-11-point-4-percent {
+  brightness: brightness(#0000ff); }
+.red-is-29-point-9-percent {
+  brightness: brightness(#ff0000); }

data/test/fixtures/stylesheets/compass/sass/browser-support.scss

@@ -0,0 +1,30 @@
+@import "compass/support";
+@import "compass/css3/flexbox";
+
+@function unprefixed-at-version($browser, $capability) {
+  $options: if($capability == flexbox, $flexbox-capability-options, $default-capability-options);
+  @each $version in browser-versions($browser) {
+    @if not browser-requires-prefix($browser, $version, $capability, $options) {
+      @return $version;
+    }
+  }
+  @return null;
+}
+@each $browser in browsers() {
+  $prefix: browser-prefix($browser);
+  .#{$browser} {
+    $versions: browser-versions($browser);
+    versions: $versions;
+    @each $capability in browser-capabilities() {
+      $options: if($capability == flexbox, $flexbox-capability-options, $default-capability-options);
+      @if browser-requires-prefix($browser, nth($versions, 1), $capability, $options) {
+        @if prefix-usage($prefix, $capability, $options) > 0.1 {
+          #{$capability}: $prefix;
+        } @else {
+          #{$capability}: prefix-no-longer-needed;
+        }
+        #{$capability}-unprefixed-at: unprefixed-at-version($browser, $capability);
+      }
+    }
+  }
+}

data/test/fixtures/stylesheets/compass/sass/color.scss

@@ -0,0 +1,25 @@
+$contrasted-dark-default: black;
+$contrasted-light-default: white;
+
+@import "compass/utilities/color";
+
+.handles-null {
+  content: "there should be no property below this one";
+  color: contrast-color(null);
+}
+
+.contrasts-light {
+  @include contrasted(#eeeeee);
+}
+
+.contrasts-dark {
+  @include contrasted(#222222);
+}
+
+.contrasts-light-with-contrast-color-override {
+  @include contrasted(#eeeeee, $dark: red);
+}
+
+.contrasts-dark-with-contrast-color-override {
+  @include contrasted(#222222, $light: yellow);
+}

data/test/fixtures/stylesheets/compass/sass/columns.scss

@@ -0,0 +1,29 @@
+@import "compass/css3/columns";
+
+.columns            { @include columns(20em 5);               }
+.column-count       { @include column-count(5);               }
+.column-gap         { @include column-gap(10px);              }
+.column-width       { @include column-width(90px);            }
+.column-span        { @include column-span(all);              }
+.column-rule-width  { @include column-rule-width(1px);        }
+.column-rule-style  { @include column-rule-style(dotted);     }
+.column-rule-color  { @include column-rule-color(blue);       }
+.column-rule        { @include column-rule(1px, solid, blue); }
+.column-rule-spaced { @include column-rule(1px solid blue);   }
+.column-break-before{ @include column-break(before, always);}
+.column-break-after { @include column-break(after, always); }
+.column-break-inside{ @include column-break(inside);        }
+.column-count       			{ @include column-count(5);               }
+.column-gap         			{ @include column-gap(10px);              }
+.column-width       			{ @include column-width(90px);            }
+.column-rule-width  			{ @include column-rule-width(1px);        }
+.column-rule-style  			{ @include column-rule-style(dotted);     }
+.column-rule-color  			{ @include column-rule-color(blue);       }
+.column-rule        			{ @include column-rule(1px, solid, blue); }
+.column-rule-spaced 			{ @include column-rule(1px solid blue);   }
+.column-break-before 			{ @include break-before(always);   }
+.column-break-after 			{ @include break-after(always);    }
+.column-break-inside 			{ @include break-inside();         }
+.column-break-before-shortcut 	{ @include column-break(before, always);}
+.column-break-after-shortcut 	{ @include column-break(after, always); }
+.column-break-inside-shortcut 	{ @include column-break(inside);        }

data/test/fixtures/stylesheets/compass/sass/filters.scss

@@ -0,0 +1,25 @@
+$debug-browser-support: true;
+@import "compass/css3/filter";
+
+.blur {
+  @include filter(blur(5px));
+}
+.brightness {
+  @include filter(brightness(0.2));
+}
+// We can enable this test case when sass commit 38f3c4be8bc15c130c5b1cc5880c9131e1bcb08f is released.
+// .saturate {
+//   @include filter(saturate(50%));
+// }
+.hue-rotate {
+  @include filter(hue-rotate(20deg));
+}
+.contrast {
+  @include filter(contrast(150%));
+}
+.grayscale {
+  @include filter(grayscale(150%));
+}
+.sepia {
+  @include filter(sepia(150%));
+}

data/test/fixtures/stylesheets/compass/sass/flexbox.scss

@@ -0,0 +1,88 @@
+@import "compass/css3/flexbox";
+
+.display {
+  @include display-flex;
+}
+
+.flex-direction {
+  @include flex-direction(row-reverse);
+}
+
+.flex-wrap {
+  @include flex-wrap(wrap-reverse);
+}
+
+.flex-flow {
+  @include flex-flow(row-reverse wrap-reverse);
+}
+
+.order {
+  @include order(1);
+}
+
+.flex {
+  @include flex(1 0 auto);
+}
+
+.flex-grow {
+  @include flex-grow(1);
+}
+
+.flex-shrink {
+  @include flex-shrink(1);
+}
+
+.flex-basis {
+  @include flex-basis(auto);
+}
+
+.justify-content {
+  @include justify-content(flex-start);
+}
+
+.align-items {
+  @include align-items(flex-start);
+}
+
+.align-self {
+  @include align-self(flex-start);
+}
+
+.align-content {
+  @include align-content(flex-start);
+}
+
+.flexbox {
+  @include flexbox((
+    display: flex,
+    flex-direction: row-reverse,
+    flex-wrap: wrap-reverse,
+    flex-flow: row-reverse wrap-reverse,
+    order: 1,
+    flex: 1 0 auto,
+    flex-grow: 1,
+    flex-shrink: 0,
+    flex-basis: auto,
+    justify-content: flex-start,
+    align-items: flex-start,
+    align-self: flex-start,
+    align-content: flex-start
+  ));
+}
+
+.flexbox-2 {
+  @include flexbox((
+    display: flexbox,
+    flex-flow: row-reverse,
+    flex-order: 1,
+  ), $version: 2);
+}
+
+.flexbox-1 {
+  @include flexbox((
+    display: box,
+    box-orient: vertical,
+    box-ordinal-group: 1,
+    box-flex: 1,
+  ), $version: 1);
+}

data/test/fixtures/stylesheets/compass/sass/fonts.sass

@@ -0,0 +1,8 @@
+@import compass/css3/font-face
+
++font-face("font1", font-files("font1.woff", woff), "font1.eot")
+
+@font-face
+  font-family: 'Issue1491'
+  src: font-url('font1.eot')
+  src: font-url('font1.eot?#iefix') format('embedded-opentype'), font-url('font1.woff') format('woff')

data/test/fixtures/stylesheets/compass/sass/force-wrap.scss

@@ -0,0 +1,3 @@
+@import "compass/typography/text";
+
+pre { @include force-wrap; }