Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Unified Diff: static/scss/content/_typography.scss

Issue 29438582: Issue 5135 - Reduce font size and padding on smaller screens on acceptableads.com (Closed) Base URL: https://hg.adblockplus.org/web.acceptableads.com
Patch Set: Remove @media screen, Resize h2, Keep icon size Created May 31, 2017, 9:53 a.m.
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: static/scss/content/_typography.scss
===================================================================
--- a/static/scss/content/_typography.scss
+++ b/static/scss/content/_typography.scss
@@ -25,24 +25,36 @@
h1,
.h1
{
margin: $xl 0 $lg 0;
text-transform: none;
font-size: $font-size-h1;
font-weight: 300;
+
+ @media (max-width: $tablet-breakpoint)
+ {
+ font-size: $font-size-h1 - 12px;
+ margin-top: $md;
+ }
}
h2,
.h2
{
margin: $lg 0 $md 0;
font-size: $font-size-h2;
font-weight: 700;
+
+ @media (max-width: $tablet-breakpoint)
+ {
+ font-size: $font-size-h2 - 6px;
+ margin-top: $md;
+ }
}
h3,
.h3
{
margin: $lg 0 $md 0;
font-size: $font-size-h3;
font-weight: 700;
@@ -287,18 +299,24 @@
{
border: none;
}
.center blockquote
{
@extend h2;
margin: 0;
- padding: $xl 0;
+ padding: $lg 0;
font-style: normal;
+
+ @media (max-width: $tablet-breakpoint)
+ {
+ font-size: $font-size-h3;
+ padding: $md 0;
+ }
}
.center blockquote p:last-child
{
margin-top: -$xs;
}
cite

Powered by Google App Engine
This is Rietveld