mirror of
https://github.com/less/less.js.git
synced 2026-02-06 13:05:07 -05:00
32 lines
496 B
Plaintext
32 lines
496 B
Plaintext
|
|
// For now, variables can't be declared inside @media blocks.
|
|
|
|
@var: 42;
|
|
|
|
@media print {
|
|
.class {
|
|
color: blue;
|
|
.sub {
|
|
width: @var;
|
|
}
|
|
}
|
|
.top, header > h1 {
|
|
color: #222 * 2;
|
|
}
|
|
}
|
|
|
|
@media screen {
|
|
@base: 8;
|
|
body { max-width: @base * 60; }
|
|
}
|
|
|
|
@media all and (orientation:portrait) {
|
|
aside { float: none; }
|
|
}
|
|
|
|
@media handheld and (min-width: @var), screen and (min-width: 20em) {
|
|
body {
|
|
max-width: 480px;
|
|
}
|
|
}
|