diff --git a/lib/compass/css3/_transition.scss b/lib/compass/css3/_transition.scss index 14c6e67..8573b98 100644 --- a/lib/compass/css3/_transition.scss +++ b/lib/compass/css3/_transition.scss @@ -171,7 +171,7 @@ $transitionable-prefixed-values: transform, transform-origin !default; @if length($transition) > 3 { $delay: nth($transition, 4); $has-delays: true; } // If a delay is provided without a timing function - @if is-time($timing-function) and not $delay { $delay: $timing-function; $timing-function: false; $has-delays: true; } + @if is-time($timing-function) and not($delay) { $delay: $timing-function; $timing-function: false; $has-delays: true; } // Keep a list of delays in case one is specified $delays: append($delays, if($delay, $delay, 0s)); diff --git a/test/css3/transitionSpec.js b/test/css3/transitionSpec.js new file mode 100644 index 0000000..31026df --- /dev/null +++ b/test/css3/transitionSpec.js @@ -0,0 +1,13 @@ +var render = require('../helper/render'); +var ruleset = require('../helper/ruleset'); + +describe("CSS3 Transition", function () { + + it("should generate a transition", function (done) { + render(ruleset('$experimental-support-for-mozilla: false; $experimental-support-for-opera: false; @include transition(ok 0s);'), function(output, err) { + expect(output).toBe(ruleset('-webkit-transition:ok 0s;transition:ok 0s;')); + done(); + }, ['compass/css3/transition']); + }); + +});