blob: 937f293abef11634942d6f369e0780941a5f0f29 (
plain)
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
|
#splash
min-height: calc(100vh - 6em)
.big-link
font-family: $font
font-size: 3rem
font-weight: 300
margin-bottom: 2rem
line-height: 1.5em
#title
margin-top: 3rem
font-family: $font
font-size: 2rem
line-height: 3rem
margin-bottom: 2rem
article
width: 100%
line-height: 2em
letter-spacing: 2px
div
width: 100%
height: 100%
margin-bottom: 1em
& h1,h2,h3
margin: 1em 0em
text-align: left
& p
display: block
margin-bottom: 1em
line-height: 1.6
letter-spacing: 1.5px
& .highlight
width: 100%
& pre
line-height: 2rem
border-radius: 3px
padding: 1rem
overflow-x: auto
background-color: $code-block
width: 100%
margin-bottom: 1em
& pre > code
border: none
& code
font-size: 0.9rem
font-family: 'Source Code Pro', monospace
padding: 0.1rem
border-radius: 3px
border: 1px solid $links
& img
width: 100%
max-width: 100%
display: block
margin: 2rem auto
opacity: 1
& blockquote
background-color: $links
color: $dark-grey
padding: 2rem
margin: 2rem 1rem 2rem 1rem
border-radius: 3px
a
color: $black
& ul
margin-top: 1rem
& li
list-style: disc
& table
width: 100%
border-collapse: collapse
margin: 1rem 0
overflow-x: auto
th
font-size: 0.9rem
td, th
padding: 2px 5px
text-align: center
border: 1px solid $links
& li
line-height: 2
padding-left: 0.4rem
&:last-child
margin-bottom: 1rem
& ul
list-style: disc outside
padding-left: 2rem
& ol
list-style: decimal outside
padding-left: 2rem
& .gist
max-width: 100%
td, th
text-align: left
border: 0
& .gist-meta
background-color: transparent
color: $body-text
& a
color: $body-text
.tag
padding: 0.25em 0em
margin-right: 0.5em
opacity: 0.6
.grid
margin: 1em auto
display: grid
grid-gap: 20px
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr))
grid-auto-rows: 400px
@media screen and (max-width: 736px)
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr))
&.keep-aspect-ratio
grid-auto-rows: auto
place-items: start
.grid > div
background-color: transparent
overflow: hidden
.grid > div > img
height: 100%
width: 100%
object-fit: cover
opacity: 1
.grid > div > a
border-bottom: none
.grid > div > a > img
height: 100%
width: 100%
object-fit: cover
opacity: 1
|