test/manual/indent/less-css-mode.less


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

.desktop-and-old-ie(@rules) {
    @media screen and (min-width: 1200) { @rules(); }
    html.lt-ie9 &                       { @rules(); }
}

header {
    background-color: blue;

    .desktop-and-old-ie({
        background-color: red;
    });
}

.e(@name, @rules) {
    &__@{name} { @rules(); }
}

.m(@name, @rules) {
    &--@{name} { @rules(); }
}

.btn {
    .e(span, {  // .btn__span
        display: inline-block;
    });
    .m(primary, { // .btn--primary
        background: blue;
    });
}