-
Notifications
You must be signed in to change notification settings - Fork 3
/
styles.sass
277 lines (235 loc) · 4.2 KB
/
styles.sass
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
---
---
$interPostSpace: 36px
$darkRed: #800000
$pageWidth: 600px
html, body
margin: 0
text-align: center
font-family: sans-serif
line-height: 1.5
header, .body, footer, nav
width: $pageWidth
margin: 20px auto
text-align: left
a[href]
color: $darkRed
// Page Header
.logo
width: 100px
body > header
margin: 2rem auto 1rem auto
text-align: center
h1
font-size: 2em
margin: 0.67em 0
body > nav
text-align: center
margin-bottom: 2rem
ul
list-style-type: none
li
display: inline
padding: 0 0.5rem
text-transform: lowercase
// Page Footer
body > footer
margin: 2rem auto
width: $pageWidth
clear: both
text-align: right
// Links
a[href]
color: $darkRed
text-decoration: none
&:hover
text-decoration: underline
article.post
a[href]
&:after
content: '\FEFF➲'
a.noglyph[href]
&:after
content: none
// Posts Index
ol.posts
text-align: center
list-style-type: none
&> li
width: $pageWidth
.tags
padding-bottom: $interPostSpace
.description, .date
padding: 1ex 0
font-size: 90%
.description
padding-bottom: 4ex
.date
color: #777
.title
font-weight: normal
display: block
font-size: 200%
width: 75%
margin: 0 auto
line-height: 1.25
.byline, .dateline
color: #777
width: 50%
display: inline-block
padding: 0
margin: 0
.byline
float: right
text-align: right !important
.post
header
margin-top: $interPostSpace
img
margin-top: $interPostSpace / 2
h1, p
margin: 0 0 0 $interPostSpace
h1
margin-top: 0
font-size: 200%
line-height: 1.25
p
color: #333
padding-top: 2ex
font-size: 115%
h1
font-size: 200%
margin: 0 0 0.25em 0
small
display: block
clear: both
font-weight: normal
margin: 0.5rem 0
font-size: 50%
color: #777
h2
font-size: 150%
margin: 1em 0 0.25em 0
h3
margin: 1em 0 0.25em 0
p
padding: 0.5em 0
code
display: inline-block
p, li
text-align: left
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, hr + p
text-indent: 0
h4
margin-top: 1rem
h5
font-weight: normal
font-style: italic
margin-top: 1rem
.signature
color: #444
font-size: 70%
text-align: right
ol, ul, dl
p
text-indent: 0
li
margin: 0.5rem 0 0.5rem 1rem
padding: 0
a[href]
color: $darkRed
hr
border: none
text-align: center
height: auto
&:before
content: '· · ·'
pre
font-size: 16px !important
blockquote
font-size: 90%
padding-left: 1em
margin-left: 1em
border-left: 1px solid #777
margin-top: 0.5rem
margin-bottom: 0.5rem
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child
margin-top: 1rem
p:first-child
text-indent: 0
ol:first-child
padding: 1rem 0
img
box-sizing: border-box
max-width: 100%
padding: 1rem
border: 1px solid #ccc
// Footnotes
.footnotes
border-top: 1px solid #ccc
border-bottom: 1px solid #ccc
margin-top: 1em
ol
margin: 0
padding: 0.5em
list-style: decimal inside none
li
font-size: 75%
sup
position: relative
top: -0.5em
font-size: 80%
// Comparisons
ins
text-decoration: underline
color: green
background: none
del
text-decoration: line-through
color: red
background: none
table
margin: 1rem 2rem
td, th
padding: 0.5rem
td:first-child, th:first-child
padding-left: 0
border-left: none
td:last-child, th:last-child
padding-right: 0
border-right: none
thead
th
vertical-align: bottom
tr:last-of-type
th
border-bottom: 1px solid black
.feedback
text-align: left
border-top: 1px solid black
border-bottom: 1px solid black
padding: 1rem 0
p
padding: 0.5rem 0
.youtube
display: block
margin: 0 auto
text-align: center
dt
font-style: italic
font-weight: bold
margin-left: 1rem
padding-top: 1rem
dd
margin-left: 2rem
padding-top: 1rem
dl
padding-bottom: 1rem
// Target Styles
*:target
position: relative
*:target:before
content: '➡'
font-weight: bold
left: -2rem
position: absolute