diff --git a/stylesheets/mobile.css b/stylesheets/mobile.css index 481a788212..eb7a4aa9ae 100644 --- a/stylesheets/mobile.css +++ b/stylesheets/mobile.css @@ -1,3 +1,18 @@ +/* -------------------------------------------------- + :: Typography + -------------------------------------------------- */ + + @media handheld, only screen and (max-width: 767px) { + h1 { font-size: 32px; font-size: 3.2rem; line-height: 1.3; } + h2 { font-size: 28px; font-size: 2.8rem; line-height: 1.3; } + h3 { font-size: 21px; font-size: 2.1rem; line-height: 1.3; } + h4 { font-size: 18px; font-size: 1.8rem; line-height: 1.2; } + h5 { font-size: 16px; font-size: 1.6rem; line-height: 1.2; } + h6 { font-size: 15px; font-size: 1.5rem; line-height: 1.2; } + body, p { font-size: 15px; font-size: 1.5rem; line-height: 1.4; } + } + + /* -------------------------------------------------- :: Grid -------------------------------------------------- */ diff --git a/stylesheets/typography.css b/stylesheets/typography.css index af053af9f6..385cbb2326 100644 --- a/stylesheets/typography.css +++ b/stylesheets/typography.css @@ -18,12 +18,6 @@ p img { margin: 0; } p.lead { font-size: 18px; font-size: 1.8rem; line-height: 24px; } - /* Mobile */ - - @media handheld, only screen and (max-width: 767px) { - body, p { font-size: 15px; font-size: 1.5rem; line-height: 1.4; } - } - em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; }