compass 0.12.2 → 0.13.alpha.4

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

@@ -0,0 +1,33 @@
+@-moz-keyframes test {
+  0%, 100% {
+    opacity: 1; }
+
+  50% {
+    opacity: 0; } }
+
+@-webkit-keyframes test {
+  0%, 100% {
+    opacity: 1; }
+
+  50% {
+    opacity: 0; } }
+
+@-o-keyframes test {
+  0%, 100% {
+    opacity: 1; }
+
+  50% {
+    opacity: 0; } }
+
+@keyframes test {
+  0%, 100% {
+    opacity: 1; }
+
+  50% {
+    opacity: 0; } }
+
+.animation {
+  -webkit-animation: test;
+  -moz-animation: test;
+  -o-animation: test;
+  animation: test; }

data/test/fixtures/stylesheets/compass/css/animation.css

@@ -0,0 +1,33 @@
+@-moz-keyframes test {
+  0%, 100% {
+    background-color: red; }
+
+  50% {
+    background-color: blue; } }
+
+@-webkit-keyframes test {
+  0%, 100% {
+    background-color: red; }
+
+  50% {
+    background-color: blue; } }
+
+@-o-keyframes test {
+  0%, 100% {
+    background-color: red; }
+
+  50% {
+    background-color: blue; } }
+
+@keyframes test {
+  0%, 100% {
+    background-color: red; }
+
+  50% {
+    background-color: blue; } }
+
+.animation {
+  -webkit-animation: test;
+  -moz-animation: test;
+  -o-animation: test;
+  animation: test; }

data/test/fixtures/stylesheets/compass/css/background-clip.css

@@ -3,6 +3,11 @@
   -moz-background-clip: border;
   background-clip: border-box; }
 
+.background-clip-multiple {
+  -webkit-background-clip: border, padding, content;
+  -moz-background-clip: border, padding, content;
+  background-clip: border-box, padding-box, content-box; }
+
 .background-clip-khtml {
   -webkit-background-clip: border;
   -moz-background-clip: border;

data/test/fixtures/stylesheets/compass/css/background-origin.css

@@ -0,0 +1,15 @@
+.background-origin {
+  -webkit-background-origin: border;
+  -moz-background-origin: border;
+  background-origin: border-box; }
+
+.background-origin-multiple {
+  -webkit-background-origin: border, padding, content;
+  -moz-background-origin: border, padding, content;
+  background-origin: border-box, padding-box, content-box; }
+
+.background-origin-khtml {
+  -webkit-background-origin: border;
+  -moz-background-origin: border;
+  -khtml-background-origin: border-box;
+  background-origin: border-box; }

data/test/fixtures/stylesheets/compass/css/background-size.css

@@ -0,0 +1,24 @@
+.background-size-default {
+  -webkit-background-size: 100% auto;
+  -moz-background-size: 100% auto;
+  -o-background-size: 100% auto;
+  background-size: 100% auto; }
+
+.background-size-single {
+  -webkit-background-size: 50% 25%;
+  -moz-background-size: 50% 25%;
+  -o-background-size: 50% 25%;
+  background-size: 50% 25%; }
+
+.background-size-multiple {
+  -webkit-background-size: 4em 3em, 100% auto, 50%;
+  -moz-background-size: 4em 3em, 100% auto, 50%;
+  -o-background-size: 4em 3em, 100% auto, 50%;
+  background-size: 4em 3em, 100% auto, 50%; }
+
+.background-size-khtml {
+  -webkit-background-size: 100% auto;
+  -khtml-background-size: 100% auto;
+  -moz-background-size: 100% auto;
+  -o-background-size: 100% auto;
+  background-size: 100% auto; }

data/test/fixtures/stylesheets/compass/css/columns.css

@@ -1,154 +1,125 @@
 .columns {
   -webkit-columns: 20em 5;
   -moz-columns: 20em 5;
-  -ms-columns: 20em 5;
-  -o-columns: 20em 5;
   columns: 20em 5; }
 
 .column-count {
   -webkit-column-count: 5;
   -moz-column-count: 5;
-  -ms-column-count: 5;
-  -o-column-count: 5;
   column-count: 5; }
 
 .column-gap {
   -webkit-column-gap: 10px;
   -moz-column-gap: 10px;
-  -ms-column-gap: 10px;
-  -o-column-gap: 10px;
   column-gap: 10px; }
 
 .column-width {
   -webkit-column-width: 90px;
   -moz-column-width: 90px;
-  -ms-column-width: 90px;
-  -o-column-width: 90px;
   column-width: 90px; }
 
+.column-span {
+  -webkit-column-span: all;
+  -moz-column-span: all;
+  column-span: all; }
+
 .column-rule-width {
-  -webkit-column-rule-width: 1px;
-  -moz-column-rule-width: 1px;
-  -ms-column-rule-width: 1px;
-  -o-column-rule-width: 1px;
-  column-rule-width: 1px; }
+  -webkit-rule-width: 1px;
+  -moz-rule-width: 1px;
+  rule-width: 1px; }
 
 .column-rule-style {
-  -webkit-column-rule-style: dotted;
-  -moz-column-rule-style: dotted;
-  -ms-column-rule-style: dotted;
-  -o-column-rule-style: dotted;
-  column-rule-style: dotted; }
+  -webkit-rule-style: dotted;
+  -moz-rule-style: dotted;
+  rule-style: dotted; }
 
 .column-rule-color {
-  -webkit-column-rule-color: blue;
-  -moz-column-rule-color: blue;
-  -ms-column-rule-color: blue;
-  -o-column-rule-color: blue;
-  column-rule-color: blue; }
+  -webkit-rule-color: blue;
+  -moz-rule-color: blue;
+  rule-color: blue; }
 
 .column-rule {
   -webkit-column-rule: 1px solid blue;
   -moz-column-rule: 1px solid blue;
-  -ms-column-rule: 1px solid blue;
-  -o-column-rule: 1px solid blue;
   column-rule: 1px solid blue; }
 
 .column-rule-spaced {
   -webkit-column-rule: 1px solid blue;
   -moz-column-rule: 1px solid blue;
-  -ms-column-rule: 1px solid blue;
-  -o-column-rule: 1px solid blue;
   column-rule: 1px solid blue; }
 
 .column-break-before {
   -webkit-column-break-before: always;
-  column-break-before: always; }
+  break-before: always; }
 
 .column-break-after {
   -webkit-column-break-after: always;
-  column-break-after: always; }
+  break-after: always; }
 
 .column-break-inside {
   -webkit-column-break-inside: auto;
-  column-break-inside: auto; }
+  break-inside: auto; }
 
 .column-count {
   -webkit-column-count: 5;
   -moz-column-count: 5;
-  -ms-column-count: 5;
-  -o-column-count: 5;
   column-count: 5; }
 
 .column-gap {
   -webkit-column-gap: 10px;
   -moz-column-gap: 10px;
-  -ms-column-gap: 10px;
-  -o-column-gap: 10px;
   column-gap: 10px; }
 
 .column-width {
   -webkit-column-width: 90px;
   -moz-column-width: 90px;
-  -ms-column-width: 90px;
-  -o-column-width: 90px;
   column-width: 90px; }
 
 .column-rule-width {
-  -webkit-column-rule-width: 1px;
-  -moz-column-rule-width: 1px;
-  -ms-column-rule-width: 1px;
-  -o-column-rule-width: 1px;
-  column-rule-width: 1px; }
+  -webkit-rule-width: 1px;
+  -moz-rule-width: 1px;
+  rule-width: 1px; }
 
 .column-rule-style {
-  -webkit-column-rule-style: dotted;
-  -moz-column-rule-style: dotted;
-  -ms-column-rule-style: dotted;
-  -o-column-rule-style: dotted;
-  column-rule-style: dotted; }
+  -webkit-rule-style: dotted;
+  -moz-rule-style: dotted;
+  rule-style: dotted; }
 
 .column-rule-color {
-  -webkit-column-rule-color: blue;
-  -moz-column-rule-color: blue;
-  -ms-column-rule-color: blue;
-  -o-column-rule-color: blue;
-  column-rule-color: blue; }
+  -webkit-rule-color: blue;
+  -moz-rule-color: blue;
+  rule-color: blue; }
 
 .column-rule {
   -webkit-column-rule: 1px solid blue;
   -moz-column-rule: 1px solid blue;
-  -ms-column-rule: 1px solid blue;
-  -o-column-rule: 1px solid blue;
   column-rule: 1px solid blue; }
 
 .column-rule-spaced {
   -webkit-column-rule: 1px solid blue;
   -moz-column-rule: 1px solid blue;
-  -ms-column-rule: 1px solid blue;
-  -o-column-rule: 1px solid blue;
   column-rule: 1px solid blue; }
 
 .column-break-before {
   -webkit-column-break-before: always;
-  column-break-before: always; }
+  break-before: always; }
 
 .column-break-after {
   -webkit-column-break-after: always;
-  column-break-after: always; }
+  break-after: always; }
 
 .column-break-inside {
   -webkit-column-break-inside: auto;
-  column-break-inside: auto; }
+  break-inside: auto; }
 
 .column-break-before-shortcut {
   -webkit-column-break-before: always;
-  column-break-before: always; }
+  break-before: always; }
 
 .column-break-after-shortcut {
   -webkit-column-break-after: always;
-  column-break-after: always; }
+  break-after: always; }
 
 .column-break-inside-shortcut {
   -webkit-column-break-inside: auto;
-  column-break-inside: auto; }
+  break-inside: auto; }

data/test/fixtures/stylesheets/compass/css/flexbox.css

@@ -0,0 +1,121 @@
+.flex {
+  display: -webkit-flexbox;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-flow: column nowrap;
+  -ms-flex-flow: column nowrap;
+  flex-flow: column nowrap;
+  -webkit-flex-pack: justify;
+  -ms-flex-pack: justify;
+  -webkit-justify-content: space-between;
+  justify-content: space-between;
+  -webkit-flex-line-pack: center;
+  -ms-flex-line-pack: center;
+  -webkit-align-content: center;
+  align-content: center;
+  -webkit-flex-align: end;
+  -ms-flex-align: end;
+  -webkit-align-items: flex-end;
+  align-items: flex-end; }
+
+.flex-item {
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  -webkit-flex-item-align: start;
+  -ms-flex-item-align: start;
+  -webkit-align-self: flex-start;
+  align-self: flex-start;
+  -webkit-flex-order: 2;
+  -ms-flex-order: 2;
+  -webkit-order: 2;
+  order: 2; }
+
+.flex-legacy {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -webkit-flexbox;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -moz-box-direction: normal;
+  -webkit-box-lines: single;
+  -moz-box-lines: single;
+  -webkit-flex-flow: row nowrap;
+  -ms-flex-flow: row nowrap;
+  flex-flow: row nowrap;
+  -webkit-box-pack: end;
+  -moz-box-pack: end;
+  -webkit-flex-pack: end;
+  -ms-flex-pack: end;
+  -webkit-justify-content: flex-end;
+  justify-content: flex-end;
+  -webkit-box-align: start;
+  -moz-box-align: start;
+  -webkit-flex-line-pack: start;
+  -ms-flex-line-pack: start;
+  -webkit-align-content: flex-start;
+  align-content: flex-start;
+  -webkit-flex-align: baseline;
+  -ms-flex-align: baseline;
+  -webkit-align-items: baseline;
+  align-items: baseline; }
+
+.flex-item-legacy {
+  -webkit-box-flex: 2;
+  -moz-box-flex: 2;
+  -webkit-flex: 2 1 20em;
+  -ms-flex: 2 1 20em;
+  flex: 2 1 20em;
+  -webkit-flex-item-align: stretch;
+  -ms-flex-item-align: stretch;
+  -webkit-align-self: stretch;
+  align-self: stretch;
+  -webkit-box-ordinal-group: 4;
+  -moz-box-ordinal-group: 4;
+  -webkit-flex-order: 3;
+  -ms-flex-order: 3;
+  -webkit-order: 3;
+  order: 3; }
+
+.flex-legacy {
+  display: -webkit-flexbox;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  -webkit-flex-pack: distribute;
+  -ms-flex-pack: distribute;
+  -webkit-justify-content: space-around;
+  justify-content: space-around;
+  -webkit-flex-line-pack: stretch;
+  -ms-flex-line-pack: stretch;
+  -webkit-align-content: stretch;
+  align-content: stretch;
+  -webkit-flex-align: start;
+  -ms-flex-align: start;
+  -webkit-align-items: flex-start;
+  align-items: flex-start; }
+  @supports (flex-wrap: wrap) {
+    .flex-legacy {
+      display: flex; } }
+
+.flex-item-legacy {
+  -webkit-box-flex: 1;
+  -moz-box-flex: 1;
+  -webkit-flex: 1 2 50%;
+  -ms-flex: 1 2 50%;
+  flex: 1 2 50%;
+  -webkit-flex-item-align: start;
+  -ms-flex-item-align: start;
+  -webkit-align-self: flex-start;
+  align-self: flex-start;
+  -webkit-flex-order: 1;
+  -ms-flex-order: 1;
+  -webkit-order: 1;
+  order: 1; }