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

Side by Side Diff: scss/_content.scss

Issue 29538612: Issue 5607 - Namespace content styles in website-defaults (Closed) Base URL: https://hg.adblockplus.org/website-defaults
Patch Set: Addressed NITs Created Sept. 12, 2017, 7:46 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
« no previous file with comments | « no previous file | scss/_reset.scss » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /*! 1 /*!
2 * This file is part of website-defaults 2 * This file is part of website-defaults
3 * Copyright (C) 2016-present eyeo GmbH 3 * Copyright (C) 2016-present eyeo GmbH
4 * 4 *
5 * website-defaults is free software: you can redistribute it and/or 5 * website-defaults is free software: you can redistribute it and/or
6 * modify it under the terms of the GNU General Public License as published by 6 * modify it under the terms of the GNU General Public License as published by
7 * the Free Software Foundation, either version 3 of the License, or 7 * the Free Software Foundation, either version 3 of the License, or
8 * (at your option) any later version. 8 * (at your option) any later version.
9 * 9 *
10 * website-defaults is distributed in the hope that it will be useful, 10 * website-defaults is distributed in the hope that it will be useful,
11 * but WITHOUT ANY WARRANTY; without even the implied warranty of 11 * but WITHOUT ANY WARRANTY; without even the implied warranty of
12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13 * GNU General Public License for more details. 13 * GNU General Public License for more details.
14 * 14 *
15 * You should have received a copy of the GNU General Public License 15 * You should have received a copy of the GNU General Public License
16 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>. 16 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>.
17 */ 17 */
18 18
19 /******************************************************************************* 19 /*******************************************************************************
20 * Content styles 20 * Content styles
21 ******************************************************************************* 21 *******************************************************************************
22 * 1. Document 22 * 1. Document
23 * 2. Headings 23 * 2. Headings
24 * 3. Body content 24 * 3. Body content
25 ******************************************************************************/ 25 ******************************************************************************/
26 26
27 /* Document 27 .content
28 ******************************************************************************/ 28 {
29 29
30 p, 30 /* Document
31 ol, 31 ****************************************************************************/
32 ul, 32
33 dl, 33 p,
34 pre, 34 ol,
35 blockquote 35 ul,
36 { 36 dl,
37 /* Set consistent margins (opinionated) */ 37 pre,
38 margin: 1em 0em; 38 blockquote
39 {
40 /* Set consistent margins (opinionated) */
41 margin: 1em 0em;
42 }
43
44 /* Headings
45 ****************************************************************************/
46
47 h1,
48 h2,
49 h3,
50 h4,
51 h5,
52 h6
53 {
54 /* Margin on top **only** (opinionated) */
55 margin: 2em 0em 0.5em 0em;
56 }
57
58 h1
59 {
60 font-size: 2em;
61 }
62
63 h2
64 {
65 font-size: 1.5em;
66 }
67
68 h3
69 {
70 font-size: 1.25em;
71 }
72
73 h4
74 {
75 font-size: 1em;
76 }
77
78 h5
79 {
80 font-size: 0.8em;
81 }
82
83 h6
84 {
85 font-size: 0.7em;
86 }
87
88 /* Body content
89 ****************************************************************************/
90
91 a,
92 a:visited
93 {
94 color: $accent;
95 }
96
97 hr
98 {
99 border: 1px solid $secondary-light;
100 }
101
102 blockquote
103 {
104 padding-left: 1em;
105 border-left: 5px solid $secondary;
106 }
107
108 [dir="rtl"] blockquote
109 {
110 padding-right: 1em;
111 padding-left: 0em;
112 border-right: 5px solid $secondary-light;
113 border-left: 0px;
114 }
115
116 ol,
117 ul
118 {
119 padding-left: 1.5em;
120 }
121
122 [dir="rtl"] ol,
123 [dir="rtl"] ul
124 {
125 padding-right: 2em;
126 padding-left: 0em;
127 }
128
129 ol
130 {
131 list-style: decimal;
132 }
133
134 ul
135 {
136 list-style: disc;
137 }
138
139 li
140 {
141 margin: 0.25em 0em;
142 }
143
144 ol ol,
145 ul ul,
146 ol ul,
147 ul ol
148 {
149 /* prevent double spacing lists */
150 margin: 0em;
151 }
152
153 ol ol
154 {
155 list-style-type: lower-alpha;
156 }
157
158 dt
159 {
160 /* undo browser default (opinionated)*/
161 font-weight: $bold-weight;
162 }
163
164 dd
165 {
166 margin: 0.25em 0em 1em 0em;
167 }
39 } 168 }
40
41 /* Headings
42 ******************************************************************************/
43
44 h1,
45 h2,
46 h3,
47 h4,
48 h5,
49 h6
50 {
51 /* Margin on top **only** (opinionated) */
52 margin: 2em 0em 0.5em 0em;
53 }
54
55 h1
56 {
57 font-size: 2em;
58 }
59
60 h2
61 {
62 font-size: 1.5em;
63 }
64
65 h3
66 {
67 font-size: 1.25em;
68 }
69
70 h4
71 {
72 font-size: 1em;
73 }
74
75 h5
76 {
77 font-size: 0.8em;
78 }
79
80 h6
81 {
82 font-size: 0.7em;
83 }
84
85 /* Body content
86 ******************************************************************************/
87
88 abbr
89 {
90 text-decoration: underline;
91 cursor: help;
92 }
93
94 b,
95 strong
96 {
97 font-weight: $bold-weight;
98 }
99
100 small
101 {
102 font-size: $small-font;
103 }
104
105 sup
106 {
107 position: relative;
108 font-size: 75%;
109 vertical-align: super;
110 }
111
112 a,
113 a:visited
114 {
115 color: $accent;
116 /* Remove the gray background on active links in IE 10. */
117 background-color: transparent;
118 text-decoration: none;
119 /* Set default pointer regardless of href (opinionated) */
120 cursor: pointer;
121 }
122
123 a:hover,
124 a:active,
125 a:focus
126 {
127 text-decoration: underline;
128 }
129
130 img
131 {
132 /* Make fixed width images responsive */
133 max-width: 100%;
134 /* Remove the border on images inside links in IE 10-. */
135 border-style: none;
136 }
137
138 hr
139 {
140 border: 1px solid $secondary-light;
141 }
142
143 blockquote
144 {
145 padding-left: 1em;
146 border-left: 5px solid $secondary;
147 }
148
149 [dir="rtl"] blockquote
150 {
151 padding-right: 1em;
152 padding-left: 0em;
153 border-right: 5px solid $secondary-light;
154 border-left: 0px;
155 }
156
157 ol,
158 ul
159 {
160 padding-left: 1.5em;
161 }
162
163 [dir="rtl"] ol,
164 [dir="rtl"] ul
165 {
166 padding-right: 2em;
167 padding-left: 0em;
168 }
169
170 li
171 {
172 margin: 0.25em 0em;
173 }
174
175 ol ol,
176 ul ul,
177 ol ul,
178 ul ol
179 {
180 /* prevent double spacing lists */
181 margin: 0em;
182 }
183
184 ol ol
185 {
186 list-style-type: lower-alpha;
187 }
188
189 dt
190 {
191 /* undo browser default (opinionated)*/
192 font-weight: $bold-weight;
193 }
194
195 dd
196 {
197 margin: 0.25em 0em 1em 0em;
198 }
OLDNEW
« no previous file with comments | « no previous file | scss/_reset.scss » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld