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: Fixed content TOC and capitilization Created Nov. 3, 2016, 2:18 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 /* HTML Content
20 *******************************************************************************
21 * 1. Headings
22 * 2. Blockquotes
23 * 3. Links
24 * 4. Code Blocks
25 * 5. Unstyled Lists
26 * 6. Image Alignment
27 * 7. Tables
28 * 8. Embeds
29 ******************************************************************************/
30
31 /* Headings
32 ******************************************************************************/
33
34 h1
35 {
36 font-size: 36px;
37 margin-top: $medium-space;
38 }
39
40 h2
41 {
42 font-size: 28px;
43 margin-top: $medium-space;
44 }
45
46 h3
47 {
48 font-size: 24px;
49 margin-top: $medium-space;
50 }
51
52 h4
53 {
54 font-size: 20px;
55 margin-top: $small-space;
56 }
57
58 h5
59 {
60 font-size: 16px;
61 margin-top: $small-space;
62 }
63
64 h6
65 {
66 font-size: 14px;
67 margin-top: $small-space;
68 }
69
70 /* Blockquotes
71 ******************************************************************************/
72
73 [dir="ltr"] blockquote
74 {
75 padding-left: $small-space;
76 border-left: 5px solid $gray;
77 }
78
79 [dir="rtl"] blockquote
80 {
81 padding-right: $small-space;
82 border-right: 5px solid $gray;
83 }
84
85 /* Links
86 ******************************************************************************/
87
88 a,
89 a:visited
90 {
91 color: $blue-dark;
92 text-decoration: none;
93 }
94
95 a:hover,
96 a:active,
97 a:focus
98 {
99 text-decoration: underline;
100 }
101
102 /* Code Blocks
103 ******************************************************************************/
104
105 pre,
106 code
107 {
108 padding: $small-space / 4;
109 background-color: $gray-light;
110 }
111
112 pre
113 {
114 display: block;
115 padding: 0 $small-space;
116 }
117
118 pre > code
119 {
120 padding: 0;
121 background-color: transparent;
122 }
123
124 /* Unstyled Lists
125 ******************************************************************************/
126
127 .unstyled-list,
128 .unstyled-list ul
129 {
130 list-style-type: none;
131 }
132
133 [dir="ltr"] .unstyled-list
134 {
135 padding-left: 0;
136 }
137
138 [dir="rtl"] .unstyled-list
139 {
140 padding-right: 0;
141 }
142
143 [dir="ltr"] .unstyled-list ul
144 {
145 padding-left: $medium-space;
146 }
147
148 [dir="rtl"] .unstyled-list ul
149 {
150 padding-right: $small-space;
151 }
152
153 /* Image Alignment
154 ******************************************************************************/
155
156 img
157 {
158 margin: 0 $small-space / 2;
159 }
160
161 .block,
162 .sol,
163 .eol
164 {
165 display: block;
166 margin: 0;
167 }
168
169 .block
170 {
171 display: block;
172 width: 100%;
173 height: auto;
174 clear: both;
175 overflow: auto;
176 margin: $small-space 0;
177 }
178
179 [dir="ltr"] .sol
180 {
181 margin-right: $small-space;
182 float: left;
183 }
184
185 [dir="rtl"] .sol
186 {
187 margin-left: $small-space;
188 float: right;
189 }
190
191 [dir="ltr"] .eol
192 {
193 margin-left: $small-space;
194 float: right;
195 }
196
197 [dir="rtl"] .eol
198 {
199 margin-right: $small-space;
200 float: left;
201 }
202
203 /* Tables
204 ******************************************************************************/
205
206 table
207 {
208 border-collapse: collapse;
209 width: 100%;
210 }
211
212 td,
213 th
214 {
215 padding: $small-space / 4 $small-space / 2;
216 }
217
218 th
219 {
220 background-color: $white;
221 }
222
223 tr:nth-child(even)
224 {
225 background-color: $white;
226 }
227
228 tr:nth-child(odd)
229 {
230 background-color: $gray-light;
231 }
232
233 /* Embeds
234 ******************************************************************************/
235
236 .embed
237 {
238 position: relative;
239 display: block;
240 height: 0;
241 padding: 0 0 56.25% 0;
242 overflow: hidden;
243 }
244
245 .embed iframe
246 {
247 position: absolute;
248 top: 0;
249 bottom: 0;
250 left: 0;
251 width: 100%;
252 height: 100%;
253 border: 0;
254 }
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