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

Delta Between Two Patch Sets: static/scss/components/_groups.scss

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: More thorough resizing Created June 15, 2017, 11:14 a.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.
Jump to:
Left: Side by side diff | Download
Right: Side by side diff | Download
LEFTRIGHT
1 // This file is part of acceptableads.org. 1 // This file is part of acceptableads.org.
2 // Copyright (C) 2016 Eyeo GmbH 2 // Copyright (C) 2016 Eyeo GmbH
3 // 3 //
4 // acceptableads.org is free software: you can redistribute it and/or modify 4 // acceptableads.org is free software: you can redistribute it and/or modify
5 // it under the terms of the GNU General Public License as published by 5 // it under the terms of the GNU General Public License as published by
6 // the Free Software Foundation, either version 3 of the License, or 6 // the Free Software Foundation, either version 3 of the License, or
7 // (at your option) any later version. 7 // (at your option) any later version.
8 // 8 //
9 // acceptableads.org is distributed in the hope that it will be useful, 9 // acceptableads.org is distributed in the hope that it will be useful,
10 // but WITHOUT ANY WARRANTY; without even the implied warranty of 10 // but WITHOUT ANY WARRANTY; without even the implied warranty of
(...skipping 73 matching lines...) Expand 10 before | Expand all | Expand 10 after
84 width: 45px; 84 width: 45px;
85 } 85 }
86 86
87 // fix 1px border ltr and rtrl on desktop 87 // fix 1px border ltr and rtrl on desktop
88 88
89 html[dir="ltr"] .group .card + .card 89 html[dir="ltr"] .group .card + .card
90 { 90 {
91 border-left: 0; 91 border-left: 0;
92 } 92 }
93 93
94 @media(max-width: $tablet-breakpoint)
95 {
96 html[dir="ltr"] .group .card:first-child
97 {
98 border-left: 0;
99 }
100 }
101
94 html[dir="rtl"] .group .card + .card 102 html[dir="rtl"] .group .card + .card
95 { 103 {
96 border-right: 0; 104 border-right: 0;
105 }
106
107 @media(max-width: $tablet-breakpoint)
108 {
109 html[dir="rtl"] .group .card:last-child
110 {
111 border-right: 0;
112 }
97 } 113 }
98 114
99 // start a little lower than cards to add extra spacing on top and sides 115 // start a little lower than cards to add extra spacing on top and sides
100 .group.items .item 116 .group.items .item
101 { 117 {
102 position: relative; 118 position: relative;
103 margin-bottom: $md; 119 margin-bottom: $md;
104 padding: 0 $sm; 120 padding: 0 $sm;
105 } 121 }
106 122
(...skipping 172 matching lines...) Expand 10 before | Expand all | Expand 10 after
279 width: 100%; 295 width: 100%;
280 } 296 }
281 // un-center all cards 297 // un-center all cards
282 .group > div:nth-child(4), 298 .group > div:nth-child(4),
283 .group > div:nth-child(3), 299 .group > div:nth-child(3),
284 .group > div:nth-child(5) 300 .group > div:nth-child(5)
285 { 301 {
286 margin-left: 0; 302 margin-left: 0;
287 } 303 }
288 } 304 }
LEFTRIGHT

Powered by Google App Engine
This is Rietveld