| 123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- /* Responsive styles */
- // Portrait phones and down
- // @media (max-width: 320px)
- // Larger phones to smaller landscape phones, and down
- @media (max-width: 480px)
- body
- font-size: 14px
- h1
- font-size: 2.5em
- h2
- font-size: 1.8em
- h3
- font-size: 1.3em
- h4
- font-size: 1.1em
- // Odd one
- // @media (max-width: 600px)
-
- // Landscape on larger phone to smaller tablet
- @media (min-width: 481px) and (max-width: 767px)
-
- h1
- font-size: 3em
- h2
- font-size: 2em
- h3
- font-size: 1.5em
- h4
- font-size: 1.2em
- // Portrait tablet to landscape and desktop
- // @media (min-width: 768px) and (max-width: 979px)
- // Large desktop
- // @media (min-width: 1200px)
|
