Mixin Undefined for Namespaced Mixins On Root Level

[srsgores]

See the stackoverflow comment.

When calling a namespaced mixin from the root level (no parent selector), I get the following error:

SyntaxError: .keyframes is undefined

Here is an example:

#animation {
    .keyframes (@name, @from, @to, @vendor:"", @bind:"") {
        @keyf: ~"@{bind}@@{vendor}keyframes @{name} { `'\n'`from ";
        @{keyf} {
            .from(@name,@from);
        }
        to {
            .to(@name,@to);
        }
    }

    .animation-keyframes (@name, @from, @to, @anim-selector) {
        @bind: "} `'\n'`";
        .keyframes (@name, @from, @to, "-moz-");
        .keyframes (@name, @from, @to, "-webkit-", @bind);
        .keyframes (@name, @from, @to, "-o-", @bind);
        .keyframes (@name, @from, @to, "-ms-", @bind);
        .keyframes (@name, @from, @to, "", @bind);
        @anim: ~"} `'\n'`.@{anim-selector}";
        @{anim} {
            -moz-animation: @name;
            -webkit-animation: @name;
            -o-animation: @name;
            -ms-animation: @name;
            animation: @name;
        }
    }
}

And calling it:

.from (colors, @color) {
    color: @color;
}
.to (colors, @color) {
    color: @color;
}

/* keyframes with all vendor prefixes */
#animation > .animation-keyframes (colors, red, blue, my-colanim);

[seven-phases-max]

See #719, #996.

Workarounds:

A. You can use a fully-qualified names to access sibling mixins from .animation-keyframes (i.e. use #animation.keyframes instead of just .keyframes).

B. Expand #animation into current scope first, i.e.:

#animation;
.animation-keyframes(colors, red, blue, my-colanim);

(Though, if currect scope is the global one, this makes the namespace itself to be redundant).

[seven-phases-max]

Closing as duplicate of #996.