40 lines
718 B
Plaintext
40 lines
718 B
Plaintext
@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;
|
|
});
|
|
}
|