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

Unified Diff: static/scss/layout/_footer.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: Handle responsive styling Created June 22, 2017, 3:27 p.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/layout/_footer.scss
===================================================================
--- a/static/scss/layout/_footer.scss
+++ b/static/scss/layout/_footer.scss
@@ -17,22 +17,39 @@
#footer
{
padding-top: $lg;
padding-bottom: $xl;
font-size: 70%;
background-color: $secondary-bg;
color: $secondary-fg;
+ @media (max-width: $tablet-breakpoint)
+ {
+ padding-top: $md;
+ padding-bottom: $lg;
+ }
+
+ @media (max-width: $mobile-breakpoint)
+ {
+ padding-top: $sm;
+ padding-bottom: $sm;
+ }
+
%headings
{
position: relative;
margin-bottom: $md;
padding-top: $xs;
@extend h5;
+
+ @media (max-width: $mobile-breakpoint)
+ {
+ margin-bottom: $sm;
+ }
}
%headings::before
{
display: block;
position: absolute;
top: 0;
left: 0;
« static/scss/components/_columns.scss ('K') | « static/scss/content/_typography.scss ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld