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 }