12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- @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; }
- }
- // media bubbling
- @media test {
- div {
- height: 20px;
- @media (hello) {
- color: red;
- pre {
- color: orange;
- }
- }
- }
- }
- // should not cross boundary
- @media yeah {
- @page {
- @media cool {
- color: red;
- }
- }
- }
|