static/css/main.css - Issue 29457564: Issue 4917 - Shrink space around accent section headings and content when section contains cards on…

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments.

Keyboard Shortcuts

	File
u :	up to issue
m :	publish + mail comments
M :	edit review message
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line
<Enter> :	respond to / edit current comment
d :	mark current comment as done

	Issue
u :	up to list of issues
m :	publish + mail comments
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue
# :	close issue

	Comment/message editing
<Ctrl> + s or <Ctrl> + Enter :	save comment
<Esc> :	cancel edit

Side by Side 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.

Left:
Right:

Use n/p to move between diff chunks; N/P to move between comments.

Jump to:

View unified diff | Download patch

OLD	NEW
1 .m-a-na {	1 .m-a-na {

2 margin: 0 0 !important; }	2 margin: 0 0 !important; }

3	3

4 .m-t-na {	4 .m-t-na {

5 margin-top: 0 !important; }	5 margin-top: 0 !important; }

6	6

7 .m-b-na {	7 .m-b-na {

8 margin-bottom: 0 !important; }	8 margin-bottom: 0 !important; }

9	9

10 .m-x-na {	10 .m-x-na {

(...skipping 1019 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
1030	1030

1031 html[dir="rtl"] .items .item::before {	1031 html[dir="rtl"] .items .item::before {

1032 right: 0; }	1032 right: 0; }

1033	1033

1034 .group-container {	1034 .group-container {

1035 width: 100%;	1035 width: 100%;

1036 max-width: 1140px;	1036 max-width: 1140px;

1037 margin: 0 auto;	1037 margin: 0 auto;

1038 padding: 96px 0; }	1038 padding: 96px 0; }

1039	1039

	1040 .bg-accent .group-container {

	1041 padding: 32px 0; }

	1042

1040 .group-container > h1, .group-container > h2, .center .group-container > blockqu ote, .group-container > h3, .group.items .group-container > .item::before, .grou p-container > h4, .group-container > h5, h6 .group-container > .h1, .group-conta iner > .h2, .group-container > .h3, .group-container > .h4, .group-container > . h5, .group-container > .h6,	1043 .group-container > h1, .group-container > h2, .center .group-container > blockqu ote, .group-container > h3, .group.items .group-container > .item::before, .grou p-container > h4, .group-container > h5, h6 .group-container > .h1, .group-conta iner > .h2, .group-container > .h3, .group-container > .h4, .group-container > . h5, .group-container > .h6,

1041 .group-container > p {	1044 .group-container > p {

1042 margin: 96px auto;	1045 margin: 96px auto;

1043 padding: 0 16px; }	1046 padding: 0 16px; }

1044	1047

	1048 .bg-accent .group-container > h1, .bg-accent .group-container > h2, .bg-accent . center .group-container > blockquote, .center .bg-accent .group-container > bloc kquote, .bg-accent .group-container > h3, .bg-accent .group.items .group-contain er > .item::before, .group.items .bg-accent .group-container > .item::before, .b g-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,

	1049 .bg-accent .group-container > p {

	1050 margin: 32px auto; }

	1051

1045 .group {	1052 .group {

1046 display: table;	1053 display: table;

1047 width: 100%;	1054 width: 100%;

1048 table-layout: fixed; }	1055 table-layout: fixed; }

1049	1056

1050 .group-container .group {	1057 .group-container .group {

1051 margin-bottom: 0; }	1058 margin-bottom: 0; }

1052	1059

1053 .group-container > h1, .group-container > h2, .center .group-container > blockqu ote, .group-container > h3, .group.items .group-container > .item::before, .grou p-container > h4, .group-container > h5, h6 .group-container > .h1, .group-conta iner > .h2, .group-container > .h3, .group-container > .h4, .group-container > . h5, .group-container > .h6 {	1060 .group-container > h1, .group-container > h2, .center .group-container > blockqu ote, .group-container > h3, .group.items .group-container > .item::before, .grou p-container > h4, .group-container > h5, h6 .group-container > .h1, .group-conta iner > .h2, .group-container > .h3, .group-container > .h4, .group-container > . h5, .group-container > .h6 {

1054 margin-top: 0; }	1061 margin-top: 0; }

(...skipping 495 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
1550 height: 0;	1557 height: 0;

1551 content: " ";	1558 content: " ";

1552 border-top: 2px solid #FFFFFF; }	1559 border-top: 2px solid #FFFFFF; }

1553 #footer a {	1560 #footer a {

1554 color: #FFFFFF; }	1561 color: #FFFFFF; }

1555 #footer a:hover {	1562 #footer a:hover {

1556 text-decoration: underline;	1563 text-decoration: underline;

1557 color: #8CC63E !important; }	1564 color: #8CC63E !important; }

1558 #footer p {	1565 #footer p {

1559 color: #E1E1E1; }	1566 color: #E1E1E1; }

OLD	NEW

« no previous file with comments | « no previous file | static/scss/components/_groups.scss » ('j') | no next file with comments »