view/theme/dispy/css/media.less

   1 //
   2 //* media stuff */
   3 @media handheld and screen {
   4         body {
   5                 font-size: 15pt;
   6         }
   7 }
   8 //* Smartphones (portrait and landscape) ----------- */
   9 @media only screen and (min-device-width: 320px)
  10         and (max-device-width: 480px) {
  11         body {
  12                 font-size: 12pt;
  13         }
  14 }
  15 //* Smartphones (landscape) ----------- */
  16 @media only screen and (min-width: 321px) {
  17         body {
  18                 font-size: 12pt;
  19         }
  20 }
  21 //* Smartphones (portrait) ----------- */
  22 @media only screen and (max-width: 320px) {
  23         body {
  24                 font-size: 12pt;
  25         }
  26 }
  27 //* iPads (portrait and landscape) ----------- */
  28 @media only screen and (min-device-width: 768px)
  29         and (max-device-width: 1024px) {
  30         body {
  31                 font-size: 14pt;
  32         }
  33 }
  34 //* iPads (landscape) ----------- */
  35 @media only screen and (min-device-width: 768px)
  36         and (max-device-width: 1024px)
  37         and (orientation: landscape) {
  38         body {
  39                 font-size: 14pt;
  40         }
  41 }
  42 //* iPads (portrait) ----------- */
  43 @media only screen and (min-device-width: 768px)
  44         and (max-device-width: 1024px)
  45         and (orientation: portrait) {
  46         body {
  47                 font-size: 14pt;
  48         }
  49 }
  50 //* Desktops and laptops ----------- */
  51 //adjusted to 1024 from 1224.
  52 //not everybody has a fucking big screen ffs
  53 @media only screen and (min-width: 1024px) {
  54         body {
  55                 font-size: 14pt;
  56         }
  57 }
  58 //* Large screens - */
  59 @media only screen and (min-width: 1520px) {
  60         body {
  61                 font-size: 16pt;
  62         }
  63 }
  64 //* iPhone 4 ----------- */
  65 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  66         only screen and (min-device-pixel-ratio: 1.5) {
  67         body {
  68                 font-size: 14pt;
  69         }
  70 }
  71