@masthead-default-color:#FFF;
@masthead-default-background-color:#FA3;

// Masthead theme {{_themeName}}
//
// Generated with config: <i>{{{_description}}}</i>
//
// .masthead-theme-{{_themeName}} - Normal state style.
//
// Markup:
// <div class="masthead-theme-{{_themeName}} {$modifiers}">
// <div class="masthead-description">Grumpy wizards make toxic
//  brew for the evil Queen and Jack.
//  The quick brown fox jumps over the lazy dog.
// </div>
// <h1>Wonderful world</h1>
// <br/>
// </div>
//
// Styleguide {{_guideIndex}}.{{_themeIndex}}

.masthead-theme-{{_themeName}}(
    @color:@masthead-default-color;
    @background-color:@masthead-default-background-color;
){
    h1 {
        font-size: 4em;
        margin: 0;
        padding:0;
        line-height: 1em;
    }
    .masthead-description{
        text-align: {{descriptionAlign}};
        float:right;
        white-space: pre-line;
        font-size: 1.25em;
        line-height: 1em;
    }

    background-color: @background-color;
    color: @color;
    padding: 80px 20px;
}

.masthead(@color;@background-color;){
    .masthead-theme-{{_themeName}}(@color;@background-color;);
}