Mixin transform-origin doesn't take affect

[BernhardBehrendt]

I've a strange propblem with transforms in compass.

I want do move the axis with transform-origin(50% 100%)to the bottom which is working if i type it into firebug.

But if I use the mixin @include transform-origin(50% 100%) it's not visible in firebug.
Only the rotation part is applied @include transform(perspective(600px) rotateX(45deg) rotateY(0deg) rotateZ(0deg));.

In compiled CSS I can find this line but it's not applied somehow and written with three values.
-moz-transform-origin:50% 100% 50%;

My SASS looks like this:

div#loader {
  @include transition-property(transform);
  @include transition-duration(3s);
  @include transform(perspective(600px) rotateX(45deg) rotateY(0deg) rotateZ(0deg));
  @include transform-origin(50% 100%); // This is not taking affect in final css
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #000;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

If I write the line -moz-transform-origin:50% 100%;directly in my SASS it's working too.

[eddie-ruva]

@BernhardBezdek I think this is not a bug. The problem here is the way you are passing the parameters to the transform-origin mixin because you are missing a comma between 50% and 100%. Instead of doing:

@include transform-origin(50% 100%);

Try doing:

@include transform-origin(50%, 100%);

Hope this helps!