media.less 861 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. @media screen, 3D {
  2. P { color: green; }
  3. }
  4. @media print {
  5. body { font-size: 10pt }
  6. }
  7. @media screen {
  8. body { font-size: 13px }
  9. }
  10. @media screen, print {
  11. body { line-height: 1.2 }
  12. }
  13. @media all and (min-width: 0px) {
  14. body { line-height: 1.2 }
  15. }
  16. @media all and (min-width: 0) {
  17. body { line-height: 1.2 }
  18. }
  19. @media
  20. screen and (min-width: 102.5em) and (max-width: 117.9375em),
  21. screen and (min-width: 150em) {
  22. body { color: blue }
  23. }
  24. @media screen and (min-height: 100px + 10px) {
  25. body { color: red; }
  26. }
  27. @cool: 100px;
  28. @media screen and (height: @cool) and (width: @cool + 10), (size: @cool + 20) {
  29. body { color: red; }
  30. }
  31. // media bubbling
  32. @media test {
  33. div {
  34. height: 20px;
  35. @media (hello) {
  36. color: red;
  37. pre {
  38. color: orange;
  39. }
  40. }
  41. }
  42. }
  43. // should not cross boundary
  44. @media yeah {
  45. @page {
  46. @media cool {
  47. color: red;
  48. }
  49. }
  50. }