Delta Between Two Patch Sets: includes/solutions/style.html
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
Left Patch Set: Handle responsive styling
Created June 22, 2017, 3:27 p.m.
Right Patch Set: Fix alignment of hr under headings
Created July 6, 2017, 10:25 a.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with change/comment
|
« includes/index/style.html ('k')
|
includes/tool-certification/style.html » ('j')
|
static/scss/content/_reset.scss » ('J')
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')
| LEFT | RIGHT |
|---|---|
| 1 <style> | 1 <style> |
| 2 | 2 |
| 3 .card-summary | 3 .card-summary |
| 4 { | 4 { |
| 5 height: auto; | 5 height: auto; |
| 6 } | |
| 7 | |
| 8 .btn-container | |
| 9 { | |
| 10 margin-top: 16px; | |
| 11 margin-bottom: 16px; | |
| 12 } | 6 } |
| 13 | 7 |
| 14 @media(min-width: 544px) | 8 @media(min-width: 544px) |
| 15 { | 9 { |
| 16 .card-summary | 10 .card-summary |
| 17 { | 11 { |
| 18 height: 140px; | 12 height: 140px; |
| 19 } | 13 } |
| 20 .btn-container | |
| 21 { | |
| 22 margin-top: 32px; | |
| 23 margin-bottom: 32px; | |
| 24 } | |
| 25 } | 14 } |
| 26 | 15 |
| 27 @media(min-width: 768px) | 16 @media(min-width: 768px) |
| 28 { | 17 { |
| 29 .card-summary | 18 .card-summary |
| 30 { | 19 { |
| 31 height: 110px; | 20 height: 110px; |
| 32 } | |
| 33 .btn-container | |
| 34 { | |
| 35 margin-top: 64px; | |
| 36 margin-bottom: 64px; | |
| 37 } | 21 } |
| 38 } | 22 } |
| 39 | 23 |
| 40 @media(min-width: 992px) | 24 @media(min-width: 992px) |
| 41 { | 25 { |
| 42 .card-summary | 26 .card-summary |
| 43 { | 27 { |
| 44 height: 160px; | 28 height: 160px; |
| 45 } | 29 } |
| 46 } | 30 } |
| 47 | 31 |
| 48 @media(min-width: 768px) | 32 @media(min-width: 768px) |
| 49 { | 33 { |
| 50 .card.list | 34 .card.list |
| 51 { | 35 { |
| 52 display: block; | 36 display: block; |
| 53 width: 70%; | 37 width: 70%; |
| 54 margin: 0 auto; | 38 margin: 0 auto; |
| 55 } | 39 } |
| 56 } | 40 } |
| 57 | 41 |
| 58 </style> | 42 </style> |
| LEFT | RIGHT |
« includes/index/style.html ('k')
|
includes/tool-certification/style.html » ('j')
|
Toggle Intra-line Diffs ('i')
|
Expand Comments ('e')
|
Collapse Comments ('c')
|
Toggle Comments ('s')
