Issue with nested attributes

[ghost]

The compiler creates a whitespace between the selector and the nested attricture, for example:

@base: rgba(31,187,166,1);
button{
background:@base;
    [raised]
    {
    box-shadow: inset 0px -2px 0 1px darken(@base,5%);
    }
}

compiles to:

button{
background:#1fbba6;
}
button [raised]
{
    box-shadow: inset 0px -2px 0 1px #1ba593
}

Which doesn't work obviously, it should output button[raised];

[mrcrowl]

To achieve what you want in less, just prefix the square brackets with & e.g. @base: rgba(31,187,166,1); button{ background:@base; &[raised] { box-shadow: inset 0px -2px 0 1px darken(@base,5%); } } See http://blog.slaks.net/2013-09-29/less-css-secrets-of-the-ampersand

…

On Fri, 9 Jun 2017 at 2:33 AM, Slacker ***@***.***> wrote: The compiler creates a whitespace between the selector and the nested attricture, for example: @base: ***@***.***; [raised] { box-shadow: inset 0px -2px 0 1px ***@***.***,5%); } } compiles to: @base: rgba(31,187,166,1);button{background:#1fbba6; }button [raised] { box-shadow: inset 0px -2px 0 1px #1ba593 } Which doesn't work obviously, it should output button[raised]; — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#27>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABtooEoA52hK8Q0xBHPGnCFJK3OrHyIlks5sCAY0gaJpZM4N0KPu> .