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

Side by Side Diff: static/scss/content/_reset.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
Patch Set: Handle responsive styling Created June 22, 2017, 3:27 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
OLDNEW
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 68 matching lines...) Expand 10 before | Expand all | Expand 10 after
79 line-height: inherit; 79 line-height: inherit;
80 } 80 }
81 81
82 // Remove image borders in IE<10 82 // Remove image borders in IE<10
83 a, img 83 a, img
84 { 84 {
85 border:none; 85 border:none;
86 outline:none; 86 outline:none;
87 } 87 }
88 88
89 h2 + .row,
90 h1 + .row,
91 h2 + hr + .row,
92 h1 + hr + .row
93 {
94 margin-top: -$sm;
95 }
96 89
97 .section 90 .section
98 { 91 {
99 margin: $xl 0; 92 margin: $xl 0;
93
94 @media (max-width: $tablet-breakpoint)
95 {
96 margin: $md 0;
97 }
100 } 98 }
101 99
102 .section .section 100 .section .section
103 { 101 {
104 margin: $lg 0; 102 margin: $lg 0;
103
104 @media (max-width: $tablet-breakpoint)
105 {
106 margin: $md 0;
107 }
105 } 108 }
OLDNEW

Powered by Google App Engine
This is Rietveld