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

Side by Side Diff: scss/_content.scss

Issue 29361647: Issue 4607 - Default content styles (Closed)
Patch Set: Addressed comments, removed unnessisary components, simplified content Created Nov. 17, 2016, 4:08 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
« no previous file with comments | « package.json ('k') | 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
(Empty)
1 /*!
2 * This file is part of universal-design-language
3 * Copyright (C) 2016 Eyeo GmbH
4 *
5 * universal-design-language is free software: you can redistribute it and/or
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
8 * (at your option) any later version.
9 *
10 * universal-design-language is distributed in the hope that it will be useful,
11 * but WITHOUT ANY WARRANTY; without even the implied warranty of
12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13 * GNU General Public License for more details.
14 *
15 * You should have received a copy of the GNU General Public License
16 * along with web.starter-kit. If not, see <http://www.gnu.org/licenses/>.
17 */
18
19 /* UDL content styles
20 *******************************************************************************
21 * - Global
22 * - Headings
23 * - Body content
24 * - Alignment
25 ******************************************************************************/
26
27 /* Global
28 ******************************************************************************/
29
30 html
31 {
32 font-family: $primary-font;
33 font-size: $medium-font;
34 line-height: 1.15;
35 }
36
37 /**
38 * Center content within a (responsive) fixed width
39 */
40 .container
41 {
42 width: $mobile-width;
43 max-width: 100%;
44 margin: 0px auto;
45 padding: 0px $small-space;
46 }
47
48 @media(min-width: $tablet-breakpoint)
49 {
50 .container
51 {
52 width: $tablet-width;
53 }
54 }
55
56 @media(min-width: $desktop-breakpoint)
57 {
58 .container
59 {
60 width: $desktop-width;
61 }
62 }
63
64 p,
65 ol,
66 ul,
67 dl,
68 pre,
69 blockquote
70 {
71 /* Set consistent margins (opinionated) */
72 margin: $small-space 0px;
73 }
74
75 /* Headings
76 ******************************************************************************/
77
78 h1,
79 h2,
80 h3,
81 h4,
82 h5,
83 h6
84 {
85 margin: $medium-space 0 $small-space 0;
86 }
87
88 h1
89 {
90 font-size: round($large-font * 1.6);
91 }
92
93 h2
94 {
95 font-size: round($large-font * 1.4);
96 }
97
98 h3
99 {
100 font-size: round($large-font * 1.2);
101 }
102
103 h4
104 {
105 font-size: $large-font;
106 }
107
108 h5
109 {
110 font-size: $medium-font;
111 }
112
113 h6
114 {
115 font-size: $small-font;
116 }
117
118 /* Body content
119 ******************************************************************************/
120
121 abbr
122 {
123 text-decoration: underline dotted;
124 cursor: help;
125 }
126
127 b,
128 strong
129 {
130 font-weight: $bold-weight;
131 }
132
133 small
134 {
135 font-size: $small-font;
136 }
137
138 sup
139 {
140 position: relative;
141 font-size: 75%;
142 vertical-align: super;
143 }
144
145 a,
146 a:visited
147 {
148 color: $accent;
149 /* Remove the gray background on active links in IE 10. */
150 background-color: transparent;
151 text-decoration: none;
152 }
153
154 a:hover,
155 a:active,
156 a:focus
157 {
158 text-decoration: underline;
159 }
160
161 img
162 {
163 /* Make fixed width images responsive */
164 max-width: 100%;
165 /* Remove the border on images inside links in IE 10-. */
166 border-style: none;
167 }
168
169 hr
170 {
171 border: 1px solid $secondary-light;
172 }
173
174 [dir="ltr"] blockquote
175 {
176 padding-left: $small-space;
177 border-left: 5px solid $secondary-light;
178 }
179
180 [dir="rtl"] blockquote
181 {
182 padding-right: $small-space;
183 border-right: 5px solid $secondary-light;
184 }
185
186 [dir="ltr"] ol,
187 [dir="ltr"] ul
188 {
189 padding-left: $small-space * 1.5;
190 }
191
192 [dir="rtl"] ol,
193 [dir="rtl"] ul
194 {
195 padding-right: $small-space * 1.5;
196 }
197
198 li
199 {
200 margin: $small-space / 2 0px;
201 }
202
203 ol ol,
204 ul ul,
205 ol ul,
206 ul ol
207 {
208 /* prevent double spacing lists */
209 margin: 0px;
210 }
211
212 ol ol
213 {
214 list-style-type: lower-alpha;
215 }
216
217 dt
218 {
219 /* undo browser default (opinionated)*/
220 font-weight: $bold-weight;
221 }
222
223 dd
224 {
225 margin: $small-space / 2 0px $small-space 0px;
226 }
227
228 /**
229 * Remove list style from vertical lists
230 */
231 .unstyled-list,
232 {
233 list-style-type: none;
234 }
235
236 [dir="ltr"] .unstyled-list
237 {
238 padding-left: 0px;
239 }
240
241 [dir="rtl"] .unstyled-list
242 {
243 padding-right: 0px;
244 }
245
246 [dir="ltr"] .unstyled-list .unstyled-list
247 {
248 padding-left: $medium-space;
249 }
250
251 [dir="rtl"] .unstyled-list .unstyled-list
252 {
253 padding-right: $small-space;
254 }
255
256 /* Alignment
257 ******************************************************************************/
258
259 .full-width
260 {
261 display: block;
262 width: 100%;
263 margin: $small-space 0px;
264 }
OLDNEW
« no previous file with comments | « package.json ('k') | scss/_reset.scss » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld