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

Unified Diff: static/css/main.css

Issue 29457564: Issue 4917 - Shrink space around accent section headings and content when section contains cards on… (Closed) Base URL: https://hg.adblockplus.org/web.acceptableads.com
Patch Set: Apply smaller padding to .group-container selector alone Created June 12, 2017, 8:46 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
« no previous file with comments | « no previous file | static/scss/components/_groups.scss » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: static/css/main.css
===================================================================
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -1032,21 +1032,28 @@
right: 0; }
.group-container {
width: 100%;
max-width: 1140px;
margin: 0 auto;
padding: 96px 0; }
+.bg-accent .group-container {
+ padding: 32px 0; }
+
.group-container > h1, .group-container > h2, .center .group-container > blockquote, .group-container > h3, .group.items .group-container > .item::before, .group-container > h4, .group-container > h5, h6 .group-container > .h1, .group-container > .h2, .group-container > .h3, .group-container > .h4, .group-container > .h5, .group-container > .h6,
.group-container > p {
margin: 96px auto;
padding: 0 16px; }
+.bg-accent .group-container > h1, .bg-accent .group-container > h2, .bg-accent .center .group-container > blockquote, .center .bg-accent .group-container > blockquote, .bg-accent .group-container > h3, .bg-accent .group.items .group-container > .item::before, .group.items .bg-accent .group-container > .item::before, .bg-accent .group-container > h4, .bg-accent .group-container > h5, .bg-accent h6 .group-container > .h1, h6 .bg-accent .group-container > .h1, .bg-accent .group-container > .h2, .bg-accent .group-container > .h3, .bg-accent .group-container > .h4, .bg-accent .group-container > .h5, .bg-accent .group-container > .h6,
+.bg-accent .group-container > p {
+ margin: 32px auto; }
+
.group {
display: table;
width: 100%;
table-layout: fixed; }
.group-container .group {
margin-bottom: 0; }
« no previous file with comments | « no previous file | static/scss/components/_groups.scss » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld