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

Unified Diff: static/scss/components/_groups.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/components/_groups.scss
===================================================================
--- a/static/scss/components/_groups.scss
+++ b/static/scss/components/_groups.scss
@@ -17,40 +17,61 @@
// display like a table (even grid)
.group-container
{
width: 100%;
max-width: $max-width;
margin: 0 auto;
padding: $xl 0;
+
+ @media (max-width: $desktop-breakpoint)
+ {
+ padding: $xs;
+ }
}
.group-container > %headings,
.group-container > p
{
- margin: $xl auto;
+ margin: $lg auto;
padding: 0 $sm;
}
+
+.group-container > p
+{
+ @media (max-width: $desktop-breakpoint)
+ {
+ margin: $md auto;
+ }
+}
+
+
+
.group
{
display: table;
width: 100%;
table-layout: fixed;
}
.group-container .group
{
margin-bottom: 0;
}
.group-container > %headings
{
margin-top: 0;
+
+ @media (max-width: $desktop-breakpoint)
+ {
+ margin: $md auto;
+ }
}
.group .card,
.group .item
{
display: table-cell;
vertical-align: top;
}

Powered by Google App Engine
This is Rietveld