mod/less/vendors/lessphp/tests/inputs/media.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

@media screen, 3D {
	P { color: green; }
}
@media print {
	body { font-size: 10pt }
}
@media screen {
	body { font-size: 13px }
}
@media screen, print {
	body { line-height: 1.2 }
}

@media all and (min-width: 0px) {
	body { line-height: 1.2 }
}

@media all and (min-width: 0) {
	body { line-height: 1.2 }
}

@media
	screen and (min-width: 102.5em) and (max-width: 117.9375em),
	screen and (min-width: 150em) {
    body { color: blue }
}


@media screen and (min-height: 100px + 10px) {
	body { color: red; }
}

@cool: 100px;

@media screen and (height: @cool) and (width: @cool + 10), (size: @cool + 20) {
	body { color: red; }
}