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

Side by Side Diff: static/scss/layout/_footer.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: Refactor and use .section Created July 5, 2017, 10:52 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
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
11 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12 // GNU General Public License for more details. 12 // GNU General Public License for more details.
13 // 13 //
14 // You should have received a copy of the GNU General Public License 14 // You should have received a copy of the GNU General Public License
15 // along with acceptableads.org. If not, see <http://www.gnu.org/licenses/>. 15 // along with acceptableads.org. If not, see <http://www.gnu.org/licenses/>.
16 16
17 #footer 17 #footer
18 { 18 {
19 padding-top: $lg; 19 padding-top: $lg;
20 padding-bottom: $xl; 20 padding-bottom: $xl;
21 font-size: 70%; 21 font-size: 70%;
22 background-color: $secondary-bg; 22 background-color: $secondary-bg;
23 color: $secondary-fg; 23 color: $secondary-fg;
24 24
25 @media (max-width: $tablet-breakpoint)
26 {
27 padding-top: $md;
28 padding-bottom: $lg;
29 }
30
31 @media (max-width: $mobile-breakpoint)
32 {
33 padding-top: $sm;
34 padding-bottom: $sm;
35 }
36
25 %headings 37 %headings
26 { 38 {
27 position: relative; 39 position: relative;
28 margin-bottom: $md; 40 margin-bottom: $md;
29 padding-top: $xs; 41 padding-top: $xs;
30 @extend h5; 42 @extend h5;
43
44 @media (max-width: $mobile-breakpoint)
45 {
46 margin-bottom: $sm;
47 }
31 } 48 }
32 49
33 %headings::before 50 %headings::before
34 { 51 {
35 display: block; 52 display: block;
36 position: absolute; 53 position: absolute;
37 top: 0; 54 top: 0;
38 left: 0; 55 left: 0;
39 width: $sm; 56 width: $sm;
40 height: 0; 57 height: 0;
(...skipping 15 matching lines...) Expand all
56 { 73 {
57 text-decoration: underline; 74 text-decoration: underline;
58 color: $accent !important; 75 color: $accent !important;
59 } 76 }
60 77
61 p 78 p
62 { 79 {
63 color: $info; 80 color: $info;
64 } 81 }
65 } 82 }
OLDNEW
« static/scss/content/_typography.scss ('K') | « static/scss/content/_typography.scss ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld