@base-color: #fff;
@darker-color: @base-color / 2;

.alt {
    @base-color: green;
    @darker-color: @base-color / 2;
    @another-color: .@base-color;
}

.altfoo { color: alt.@base-color; }

.foo { border: 1px solid black; }


#content {
    font-size: 12px;
    @some-color: blue;
    #header {
        .foo;
        color: ..@some-color;
        font-size: * 2;
    }
    #main {
        .small;
    }
    .small {
         color: @base-color;
         font-size: / 2;
         .hover_controls {
             display: none;
         }
    }
    .small:hover {
        background-color: #eee;
        .hover_controls {
            display: block;
        }
    }
}

.sidebar {
    #content.small;
}