2
// For now, variables can't be declared inside @media blocks.
20
body { max-width: (@base * 60); }
26
@media all and (device-aspect-ratio: @ratio_large / @ratio_small) {
27
body { max-width: 800px; }
30
@media all and (orientation:portrait) {
31
aside { float: none; }
34
@media handheld and (min-width: @var), screen and (min-width: 20em) {
45
background-color: red;
48
@media (orientation:landscape) {
57
@media (orientation: landscape) {
91
.mediaMixin(@fallback: 200px) {
97
@media (max-width: @fallback) {
110
@smartphone: ~"only screen and (max-width: 200px)";
147
@bottom-left-corner {
156
@bottom-right-corner {
172
content: "Page " counter(page);
180
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx), (min-resolution: 128dpcm) {
189
@media (max-width: 500px) {
199
@media (max-width: @bpMedium) {
206
@media (max-width: 1200px) {
209
@media (max-width: 900px) {
210
body { font-size: 11px; }
215
@media (min-width: 480px) {
224
@media (min-width: 768px) {
230
@media @all and @tv {
231
.all-and-tv-variables {