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
30
31
32
33
34
35
36
37
38
39

@var-with-dashes: #428bca;
@var_with_underscores: 10px;
@_var-starting-with-underscore: none;

body {
    background: @var-with-dashes;
    padding: @var_with_underscores;
    display: @_var-starting-with-underscore;
}

.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;
    });
}