@anchor-default-color:#38A;

// Anchor theme {{_themeName}}
//
// Generated with config: <i>{{{_description}}}</i>
//
// .anchor-theme-{{_themeName}} - Normal state style.
// .anchor-theme-{{_themeName}}.anchor-state-hover - Hover state style.
// .anchor-theme-{{_themeName}}.anchor-state-active - Active state style.
//
// Markup:
// <a href="javascript:void(0)" class="anchor-theme-{{_themeName}} {$modifiers}">Link</a>
//
// Styleguide {{_guideIndex}}.{{_themeIndex}}

.anchor-theme-{{_themeName}}(@color:@anchor-default-color;
){
    color:@color;
    text-decoration:{{textDecoration}};
    &:hover,
    &.anchor-state-hover{
        {{#if textShadowOnHover}}text-shadow: {{textShadowOnHover}};
        {{/if}}
        text-decoration: underline;
    }
    &:active,
    &.anchor-state-active{
        opacity: .5;
    }
}

.anchor(@color){
    .anchor-theme-a(@color)
}
