Warning, /webapps/ocs-webserver/library/lessphp/tests/inputs/media.less is written in an unsupported language. File is not indexed.

0001 @media screen, 3D {
0002         P { color: green; }
0003 }
0004 @media print {
0005         body { font-size: 10pt }
0006 }
0007 @media screen {
0008         body { font-size: 13px }
0009 }
0010 @media screen, print {
0011         body { line-height: 1.2 }
0012 }
0013 
0014 @media all and (min-width: 0px) {
0015         body { line-height: 1.2 }
0016 }
0017 
0018 @media all and (min-width: 0) {
0019         body { line-height: 1.2 }
0020 }
0021 
0022 @media
0023         screen and (min-width: 102.5em) and (max-width: 117.9375em),
0024         screen and (min-width: 150em) {
0025     body { color: blue }
0026 }
0027 
0028 
0029 @media screen and (min-height: 100px + 10px) {
0030         body { color: red; }
0031 }
0032 
0033 @cool: 100px;
0034 
0035 @media screen and (height: @cool) and (width: @cool + 10), (size: @cool + 20) {
0036         body { color: red; }
0037 }
0038 
0039 
0040 // media bubbling
0041 
0042 @media test {
0043         div {
0044                 height: 20px;
0045                 @media (hello) {
0046                         color: red;
0047 
0048                         pre {
0049                                 color: orange;
0050                         }
0051                 }
0052         }
0053 }
0054 
0055 // should not cross boundary
0056 @media yeah {
0057         @page {
0058                 @media cool {
0059                         color: red;
0060                 }
0061         }
0062 }
0063 
0064 // variable in query
0065 @mobile: ~"(max-width: 599px)";
0066 @media @mobile {
0067         .helloworld { color: blue }
0068 }