Side by Side Diff: static/css/main.css
Issue 29453600:
Issue 4961 - Fix card group field alignment on acceptableads.com (Closed)
Base URL: https://hg.adblockplus.org/web.acceptableads.com
Patch Set: Move styling for cards on committee page to committee/index.html
Created July 25, 2017, 1:33 p.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« pages/solutions/index.html ('k')
|
static/scss/_variables.scss » ('j')
|
no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| 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 1285 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 1296 margin-left: 0; } } | 1296 margin-left: 0; } } |
| 1297 | 1297 |
| 1298 @media (max-width: 544px) { | 1298 @media (max-width: 544px) { |
| 1299 .group > div { | 1299 .group > div { |
| 1300 width: 100%; } | 1300 width: 100%; } |
| 1301 .group > div:nth-child(4), | 1301 .group > div:nth-child(4), |
| 1302 .group > div:nth-child(3), | 1302 .group > div:nth-child(3), |
| 1303 .group > div:nth-child(5) { | 1303 .group > div:nth-child(5) { |
| 1304 margin-left: 0; } } | 1304 margin-left: 0; } } |
| 1305 | 1305 |
| 1306 @supports (display: grid) { | |
| 1307 .group.cards { | |
| 1308 display: grid; | |
| 1309 grid-template-columns: repeat(1, 1fr); } | |
| 1310 @media (min-width: 350px) { | |
| 1311 .group.cards { | |
| 1312 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); } } | |
| 1313 .group.cards .card { | |
| 1314 display: inline-grid; | |
| 1315 width: 100%; | |
| 1316 grid-template-rows: auto 1fr auto; } | |
| 1317 .group.cards .card-summary { | |
| 1318 height: auto; } | |
| 1319 @media (min-width: 992px) { | |
| 1320 .group-4.cards { | |
| 1321 grid-template-columns: repeat(auto-fit, minmax(25%, 1fr)); } } | |
| 1322 @media (min-width: 768px) { | |
| 1323 .group-5.cards { | |
| 1324 grid-template-columns: repeat(auto-fit, minmax(33.3%, 1fr)); } } | |
| 1325 @media (min-width: 992px) { | |
| 1326 .group-5.cards { | |
| 1327 grid-template-columns: repeat(auto-fit, minmax(20%, 1fr)); } } | |
| 1328 .group-5.cards > div:nth-child(4), | |
| 1329 .group-5.cards > div:nth-child(5) { | |
| 1330 margin-left: 0; } | |
| 1331 @media (min-width: 768px) and (max-width: 991px) { | |
| 1332 .group-5.cards > div:nth-child(4) { | |
| 1333 margin-left: 50%; } } | |
| 1334 @media (min-width: 700px) and (max-width: 991px) { | |
| 1335 .group-5.cards > div:nth-child(5) { | |
| 1336 margin-left: 50%; } } } | |
| 1337 | |
| 1306 .masthead-img > img { | 1338 .masthead-img > img { |
| 1307 width: 100%; | 1339 width: 100%; |
| 1308 margin: 32px 0; } | 1340 margin: 32px 0; } |
| 1309 | 1341 |
| 1310 @media (max-width: 767px) { | 1342 @media (max-width: 767px) { |
| 1311 .masthead.bg-info { | 1343 .masthead.bg-info { |
| 1312 background-color: #FFFFFF; } } | 1344 background-color: #FFFFFF; } } |
| 1313 | 1345 |
| 1314 @media (min-width: 768px) { | 1346 @media (min-width: 768px) { |
| 1315 .masthead-body > div { | 1347 .masthead-body > div { |
| (...skipping 386 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 1702 height: 0; | 1734 height: 0; |
| 1703 content: " "; | 1735 content: " "; |
| 1704 border-top: 2px solid #FFFFFF; } | 1736 border-top: 2px solid #FFFFFF; } |
| 1705 #footer a { | 1737 #footer a { |
| 1706 color: #FFFFFF; } | 1738 color: #FFFFFF; } |
| 1707 #footer a:hover { | 1739 #footer a:hover { |
| 1708 text-decoration: underline; | 1740 text-decoration: underline; |
| 1709 color: #8CC63E !important; } | 1741 color: #8CC63E !important; } |
| 1710 #footer p { | 1742 #footer p { |
| 1711 color: #E1E1E1; } | 1743 color: #E1E1E1; } |
| OLD | NEW |
« no previous file with comments
|
« pages/solutions/index.html ('k')
|
static/scss/_variables.scss » ('j')
|
no next file with comments »
