framesurge.github.io/perseus/.perseus/static/styles/markdown.css at f164d4b1cf4a2794c3421bf8b60bcccf5ff2d0d3 · framesurge/framesurge.github.io · GitHub

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
/* Styling to make Markdown text look good in a Tailwindy way */
.markdown > * + *,
.markdown li + li,
.markdown li > p + p {
    margin-top: 0.5rem;
}
.markdown stong,
.markdown bold {
    font-weight: 900;
}
.markdown a {
    color: #6366f1; /* Tailwind's `text-indigo-500` */
    text-decoration: underline;
    /* Animate between colors to and from the hover state */
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 100ms;
}
.markdown a:hover {
    color: #818CF8; /* Tailwind's `text-indigo-400` */
}
.markdown h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
    margin-top: 0.5rem; /* Otherwise the warnings about versions look quite cramped */
}
.markdown h2 {
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.markdown h3 {
    font-size: 1.5rem;
    line-height: 2rem;
}
.markdown h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.markdown h5 {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.markdown h6 {
    line-height: 1.25;
}
.markdown :not(pre) code {
    background-color: #2d2d2d;
    color: #cccccc;
    padding: 0.25rem;
    border-radius: 0.5rem;
}
.markdown pre {
    border-radius: 0.5rem;
    overflow-x: auto;
}
.markdown blockquote {
    border-left-width: 4px;
    padding-left: 1rem;
    font-style: italic;
}
.markdown ul {
    padding-left: 1.25rem;
    list-style-type: disc;
    @media (min-width: 640px) {
        padding-left: 2.5rem;
    }
}
.markdown ol {
    padding-left: 1.25rem;
    list-style-type: decimal;
    @media (min-width: 640px) {
        padding-left: 2.5rem;
    }
}
.markdown details > :not(summary) {
    /* Makes dropdown text indented (don't worry, this actually looks quite good on mobile)  */
    margin-left: 1.5rem;
}