compass 0.12.2.rc.0 → 0.12.2.rc.1

data/frameworks/compass/stylesheets/compass/typography/text/_replacement.scss

@@ -11,13 +11,17 @@ $hide-text-direction: left !default;
 //
 // Parameters:
 //
-// * `img` -- the relative path from the project image directory to the image.
+// * `img` -- the relative path from the project image directory to the image, or a url literal.
 // * `x` -- the x position of the background image.
 // * `y` -- the y position of the background image.
 @mixin replace-text($img, $x: 50%, $y: 50%) {
   @include hide-text;
   background: {
-    image: image-url($img);
+    @if is-url($img) {
+      image: $img;
+    } @else {
+      image: image-url($img);
+    }
     repeat: no-repeat;
     position: $x $y;
   };
@@ -25,8 +29,10 @@ $hide-text-direction: left !default;
 
 // Like the `replace-text` mixin, but also sets the width
 // and height of the element according the dimensions of the image.
-@mixin replace-text-with-dimensions($img, $x: 50%, $y: 50%) {
-  @include replace-text($img, $x, $y);
+//
+// If you set `$inline` to true, then an inline image (data uri) will be used.
+@mixin replace-text-with-dimensions($img, $x: 50%, $y: 50%, $inline: false) {
+  @include replace-text(if($inline, inline-image($img), $img), $x, $y);
   width: image-width($img);
   height: image-height($img);
 }

data/lib/compass/commands/update_project.rb

@@ -22,7 +22,7 @@ module Compass
           self.options[:debug_info]= true
         end
 
-        opts.on("--no-debug-info", "Turns on sass's debuging information") do
+        opts.on("--no-debug-info", "Turns off sass's debuging information") do
           self.options[:debug_info]= false
         end
         super

data/lib/compass/exec/project_options_parser.rb

@@ -35,6 +35,10 @@ module Compass::Exec::ProjectOptionsParser
     opts.on('--javascripts-dir JS_DIR', "The directory where you keep your javascripts.") do |javascripts_dir|
       set_dir_or_path(:javascripts, javascripts_dir)
     end
+    
+    opts.on('--fonts-dir FONTS_DIR', "The directory where you keep your fonts.") do |fonts_dir|
+      set_dir_or_path(:fonts, fonts_dir)
+    end
 
     opts.on('-e ENV', '--environment ENV', [:development, :production], 'Use sensible defaults for your current environment.',
             '  One of: development (default), production') do |env|

data/lib/compass/sass_extensions/functions/constants.rb

@@ -45,6 +45,15 @@ module Compass::SassExtensions::Functions::Constants
         position
       end
     end
+
+    def is_url(string)
+      if string.is_a?(Sass::Script::String)
+        is_url = !!(string.value =~ /^url\(.*\)$/)
+        Sass::Script::Bool.new(is_url)
+      else
+        Sass::Script::Bool.new(false)
+      end
+    end
   else
     # returns the opposite position of a side or corner.
     def opposite_position(position)

data/lib/compass/sass_extensions/functions/gradient_support.rb

@@ -170,6 +170,16 @@ module Compass::SassExtensions::Functions::GradientSupport
     standardized_prefix :o
     standardized_prefix :ms
     
+
+    def supports?(aspect)
+      # I don't know how to support degree-based gradients in old webkit gradients (owg) or svg so we just disable them.
+      if %w(owg svg).include?(aspect) && position_or_angle.is_a?(Sass::Script::Number) && position_or_angle.numerator_units.include?("deg")
+        false
+      else
+        super
+      end
+    end
+
     # Output the original webkit gradient syntax
     def to_owg(options = self.options)
       args = []

data/lib/compass/sprite_importer.rb

@@ -97,7 +97,7 @@ module Compass
     
     # Returns the sass_options for this sprite
     def self.sass_options(uri, importer, options)
-      options.merge!(:filename => uri, :syntax => :scss, :importer => importer)
+      options.merge!(:filename => uri.gsub(%r{\*/},"*\\/"), :syntax => :scss, :importer => importer)
     end
     
     # Returns a Sass::Engine for this sprite object

data/test/fixtures/stylesheets/blueprint/css/single-imports/buttons.css

@@ -1,9 +1,10 @@
 a {
-  display: -moz-inline-box;
-  -moz-box-orient: vertical;
+  display: -moz-inline-stack;
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
   margin: 0.7em 0.5em 0.7em 0;
   border-width: 1px;
   border-style: solid;
@@ -14,8 +15,6 @@ a {
   text-decoration: none;
   cursor: pointer;
   padding: 5px 10px 5px 7px; }
-  a {
-    *display: inline; }
   a img {
     margin: 0 3px -3px 0 !important;
     padding: 0;
@@ -25,11 +24,12 @@ a {
     float: none; }
 
 button {
-  display: -moz-inline-box;
-  -moz-box-orient: vertical;
+  display: -moz-inline-stack;
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
   margin: 0.7em 0.5em 0.7em 0;
   border-width: 1px;
   border-style: solid;
@@ -42,8 +42,6 @@ button {
   width: auto;
   overflow: visible;
   padding: 4px 10px 3px 7px; }
-  button {
-    *display: inline; }
   button img {
     margin: 0 3px -3px 0 !important;
     padding: 0;

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

@@ -60,3 +60,95 @@
   -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; }
+
+.column-break-after {
+  -webkit-column-break-after: always;
+  column-break-after: always; }
+
+.column-break-inside {
+  -webkit-column-break-inside: auto;
+  column-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-rule-width: 1px;
+  -moz-rule-width: 1px;
+  -ms-rule-width: 1px;
+  -o-rule-width: 1px;
+  rule-width: 1px; }
+
+.column-rule-style {
+  -webkit-rule-style: dotted;
+  -moz-rule-style: dotted;
+  -ms-rule-style: dotted;
+  -o-rule-style: dotted;
+  rule-style: dotted; }
+
+.column-rule-color {
+  -webkit-rule-color: blue;
+  -moz-rule-color: blue;
+  -ms-rule-color: blue;
+  -o-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; }
+
+.column-break-after {
+  -webkit-column-break-after: always;
+  column-break-after: always; }
+
+.column-break-inside {
+  -webkit-column-break-inside: auto;
+  column-break-inside: auto; }
+
+.column-break-before-shortcut {
+  -webkit-column-break-before: always;
+  column-break-before: always; }
+
+.column-break-after-shortcut {
+  -webkit-column-break-after: always;
+  column-break-after: always; }
+
+.column-break-inside-shortcut {
+  -webkit-column-break-inside: auto;
+  column-break-inside: auto; }

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

@@ -20,9 +20,6 @@
   background: white radial-gradient(center center, #dddddd, #aaaaaa 100px); }
 
 .bg-linear-gradient-angle-svg {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00NSIgeTE9IiIgeDI9Ii00NSIgeTI9IiIgZ3JhZGllbnRUcmFuc2Zvcm0gPSAicm90YXRlKC00NSkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
-  background-size: 100%;
-  background-image: -webkit-gradient(linear, -45deg, -45deg, color-stop(0%, #0000ff), color-stop(100%, #000000));
   background-image: -webkit-linear-gradient(-45deg, #0000ff, #000000);
   background-image: -moz-linear-gradient(-45deg, #0000ff, #000000);
   background-image: -o-linear-gradient(-45deg, #0000ff, #000000);
@@ -103,9 +100,6 @@
   background-image: radial-gradient(center center, #dddddd, transparent 100px); }
 
 .bg-linear-gradient-with-angle {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00NSIgeTE9IiIgeDI9Ii00NSIgeTI9IiIgZ3JhZGllbnRUcmFuc2Zvcm0gPSAicm90YXRlKC00NSkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
-  background-size: 100%;
-  background-image: -webkit-gradient(linear, -45deg, -45deg, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
   background-image: -webkit-linear-gradient(-45deg, #dddddd, #aaaaaa);
   background-image: -moz-linear-gradient(-45deg, #dddddd, #aaaaaa);
   background-image: -o-linear-gradient(-45deg, #dddddd, #aaaaaa);

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

@@ -0,0 +1,16 @@
+.word-break {
+  -ms-word-break: keep-all;
+  word-break: keep-all; }
+
+.hyphens {
+  -webkit-hyphens: manual;
+  -moz-hyphens: manual;
+  hyphens: manual; }
+
+.hyphenate {
+  -ms-word-break: break-all;
+  word-break: break-all;
+  word-break: break-word;
+  -webkit-hyphens: auto;
+  -moz-hyphens: auto;
+  hyphens: auto; }

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

@@ -88,14 +88,13 @@ ul.inline-block {
     list-style-image: none;
     list-style-type: none;
     margin-left: 0;
-    display: -moz-inline-box;
-    -moz-box-orient: vertical;
+    display: -moz-inline-stack;
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
+    zoom: 1;
+    *display: inline;
     white-space: nowrap; }
-    ul.inline-block li {
-      *display: inline; }
 
 ul.wide-inline-block {
   margin: 0;
@@ -107,16 +106,15 @@ ul.wide-inline-block {
     list-style-image: none;
     list-style-type: none;
     margin-left: 0;
-    display: -moz-inline-box;
-    -moz-box-orient: vertical;
+    display: -moz-inline-stack;
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
+    zoom: 1;
+    *display: inline;
     white-space: nowrap;
     padding-left: 10px;
     padding-right: 10px; }
-    ul.wide-inline-block li {
-      *display: inline; }
 
 ul.inline {
   list-style-type: none; }

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

@@ -0,0 +1,59 @@
+.basic {
+  text-indent: -119988px;
+  overflow: hidden;
+  text-align: left;
+  background-image: url('/images/4x6.png?busted=true');
+  background-repeat: no-repeat;
+  background-position: 50% 50%; }
+
+.with-dimensions {
+  text-indent: -119988px;
+  overflow: hidden;
+  text-align: left;
+  background-image: url('/images/4x6.png?busted=true');
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  width: 6px;
+  height: 4px; }
+
+.with-dimensions-inline {
+  text-indent: -119988px;
+  overflow: hidden;
+  text-align: left;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAIAAAAiZtkUAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAI0lEQVQIHWOwtLT8//9/eno6kISwGdD4QDkGZHkIG6QKTS8A/s4vHesO+KkAAAAASUVORK5CYII=');
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  width: 6px;
+  height: 4px; }
+
+.with-position {
+  text-indent: -119988px;
+  overflow: hidden;
+  text-align: left;
+  background-image: url('/images/4x6.png?busted=true');
+  background-repeat: no-repeat;
+  background-position: 10px top; }
+
+.with-arbitrary-url {
+  text-indent: -119988px;
+  overflow: hidden;
+  text-align: left;
+  background-image: url(http://google.com/logo.gif);
+  background-repeat: no-repeat;
+  background-position: 10px top; }
+
+.with-inline-url {
+  text-indent: -119988px;
+  overflow: hidden;
+  text-align: left;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAIAAAAiZtkUAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAI0lEQVQIHWOwtLT8//9/eno6kISwGdD4QDkGZHkIG6QKTS8A/s4vHesO+KkAAAAASUVORK5CYII=');
+  background-repeat: no-repeat;
+  background-position: 10px top; }
+
+.with-image-url {
+  text-indent: -119988px;
+  overflow: hidden;
+  text-align: left;
+  background-image: url('/images/4x6.png?busted=true');
+  background-repeat: no-repeat;
+  background-position: 10px top; }

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

@@ -1,11 +1,29 @@
-.single-text-shadow {
-  text-shadow: #aaaaaa 0px 0px 1px; }
+.default-single-text-shadow {
+  text-shadow: 0px 0px 1px #aaaaaa; }
+
+.none {
+  text-shadow: none; }
+
+.color-only {
+  text-shadow: 0px 0px 1px #cccccc; }
+
+.color-first-with-params {
+  text-shadow: 2px 2px 5px #cccccc, 2px 2px 5px 2px #cccccc;
+  text-shadow: 2px 2px 5px 2px #cccccc, 2px 2px 5px 2px #cccccc; }
+
+.color-last-with-params {
+  text-shadow: 2px 2px 5px #cccccc, 2px 2px 5px 2px #cccccc;
+  text-shadow: 2px 2px 5px 2px #cccccc, 2px 2px 5px 2px #cccccc; }
 
 .default-text-shadow {
-  text-shadow: #aaaaaa 0px 0px 1px; }
+  text-shadow: 0px 0px 1px #aaaaaa; }
 
 .multiple-text-shadows-with-default {
-  text-shadow: #aaaaaa 0px 0px 1px, 2px 2px 5px #222222; }
+  text-shadow: 0px 0px 1px #aaaaaa, 2px 2px 5px #222222; }
 
 .multiple-text-shadows {
   text-shadow: 4px 4px 10px #444444, 2px 2px 5px #222222; }
+
+.multiple-text-shadows-with-spread {
+  text-shadow: 4px 4px 10px #444444, 4px 4px 10px 1px #444444, 2px 2px 5px #222222, 2px 2px 5px 3px #222222;
+  text-shadow: 4px 4px 10px 1px #444444, 4px 4px 10px 1px #444444, 2px 2px 5px 3px #222222, 2px 2px 5px 3px #222222; }

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

@@ -27,6 +27,13 @@
   -o-transition-duration: 0.2s, 0.5s, 0.2s;
   transition-duration: 0.2s, 0.5s, 0.2s; }
 
+.multiple-transition-durations {
+  -webkit-transition-duration: 0.2s, 0.5s, 0.2s;
+  -moz-transition-duration: 0.2s, 0.5s, 0.2s;
+  -ms-transition-duration: 0.2s, 0.5s, 0.2s;
+  -o-transition-duration: 0.2s, 0.5s, 0.2s;
+  transition-duration: 0.2s, 0.5s, 0.2s; }
+
 .single-transform-transition-without-delay {
   -webkit-transition: -webkit-transform 0.6s ease-out;
   -moz-transition: -moz-transform 0.6s ease-out;
@@ -63,9 +70,80 @@
   -o-transition-property: -o-transform;
   transition-property: transform; }
 
+.transition-properties {
+  -webkit-transition-property: -webkit-transform, opacity, width, height, left, top;
+  -moz-transition-property: -moz-transform, opacity, width, height, left, top;
+  -ms-transition-property: -ms-transform, opacity, width, height, left, top;
+  -o-transition-property: -o-transform, opacity, width, height, left, top;
+  transition-property: transform, opacity, width, height, left, top; }
+
 .multiple-transition-properties {
   -webkit-transition-property: opacity, -webkit-transform, left;
   -moz-transition-property: opacity, -moz-transform, left;
   -ms-transition-property: opacity, -ms-transform, left;
   -o-transition-property: opacity, -o-transform, left;
   transition-property: opacity, transform, left; }
+
+.transition-timing {
+  -webkit-transition-timing-function: ease-in;
+  -moz-transition-timing-function: ease-in;
+  -ms-transition-timing-function: ease-in;
+  -o-transition-timing-function: ease-in;
+  transition-timing-function: ease-in; }
+
+.transition-timings {
+  -webkit-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
+  -moz-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
+  -ms-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
+  -o-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
+  transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0); }
+
+.transition-timings-list {
+  -webkit-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
+  -moz-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
+  -ms-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
+  -o-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
+  transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0); }
+
+.transition-timings-string {
+  -webkit-transition-timing-function: ease-in, cubic-bezier(1,0,1,0);
+  -moz-transition-timing-function: ease-in, cubic-bezier(1,0,1,0);
+  -ms-transition-timing-function: ease-in, cubic-bezier(1,0,1,0);
+  -o-transition-timing-function: ease-in, cubic-bezier(1,0,1,0);
+  transition-timing-function: ease-in, cubic-bezier(1,0,1,0); }
+
+.transition-delay {
+  -webkit-transition-delay: 1s;
+  -moz-transition-delay: 1s;
+  -ms-transition-delay: 1s;
+  -o-transition-delay: 1s;
+  transition-delay: 1s; }
+
+.transition-delays {
+  -webkit-transition-delay: 1s, 2s, 3s;
+  -moz-transition-delay: 1s, 2s, 3s;
+  -ms-transition-delay: 1s, 2s, 3s;
+  -o-transition-delay: 1s, 2s, 3s;
+  transition-delay: 1s, 2s, 3s; }
+
+.transition-delays-list {
+  -webkit-transition-delay: 1s, 2s, 3s;
+  -moz-transition-delay: 1s, 2s, 3s;
+  -ms-transition-delay: 1s, 2s, 3s;
+  -o-transition-delay: 1s, 2s, 3s;
+  transition-delay: 1s, 2s, 3s; }
+
+.transition-delays-string {
+  -webkit-transition-delay: 1s, 2s, 3s;
+  -moz-transition-delay: 1s, 2s, 3s;
+  -ms-transition-delay: 1s, 2s, 3s;
+  -o-transition-delay: 1s, 2s, 3s;
+  transition-delay: 1s, 2s, 3s; }
+
+.regression-912 {
+  -webkit-transition: background-color 0.5s ease-in, width 0.5s ease-out, height 0.5s ease-in, top 0.5s ease-out;
+  -webkit-transition-delay: 0s, 0s, 0s, 0s;
+  -moz-transition: background-color 0.5s ease-in 0s, width 0.5s ease-out 0s, height 0.5s ease-in 0s, top 0.5s ease-out 0s;
+  -ms-transition: background-color 0.5s ease-in 0s, width 0.5s ease-out 0s, height 0.5s ease-in 0s, top 0.5s ease-out 0s;
+  -o-transition: background-color 0.5s ease-in 0s, width 0.5s ease-out 0s, height 0.5s ease-in 0s, top 0.5s ease-out 0s;
+  transition: background-color 0.5s ease-in 0s, width 0.5s ease-out 0s, height 0.5s ease-in 0s, top 0.5s ease-out 0s; }