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

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: Created June 6, 2017, 10:05 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
« no previous file with comments | « no previous file | static/scss/components/_groups.scss » ('j') | static/scss/components/_groups.scss » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
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
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; }
OLDNEW
« no previous file with comments | « no previous file | static/scss/components/_groups.scss » ('j') | static/scss/components/_groups.scss » ('J')

Powered by Google App Engine
This is Rietveld