crisp-theme.git

base.css

 1html,
 2body {
 3  padding: 0;
 4  margin: 0 auto;
 5}
 6html {
 7  overflow-y: scroll;
 8}
 9body {
10  max-width: 660px;
11  padding: 0 7px;
12}
13
14h1 {
15  font-size: 32px;
16}
17
18h2 {
19  font-size: 24px;
20}
21
22ol {
23  margin: 0;
24  padding-left: 20px;
25}
26
27hr {
28  margin: 10px 0;
29}
30
31article {
32  padding-bottom: 10px;
33}
34
35article > .post-title {
36  margin-bottom: 0;
37}
38
39nav {
40  padding: 10px 0;
41}
42
43nav > h2 {
44  margin: 0;
45}
46
47nav > ul {
48  margin: 10px;
49}
50
51footer {
52  margin: 20px 0;
53}
54
55footer img {
56  height: 24px;
57}
58
59.about {
60  font-size: 14px;
61  margin-left: 12px;
62}
63
64.simple-list {
65  list-style: none;
66  padding: 0;
67}
68
69.site-nav > ul {
70  display: flex;
71  justify-content: space-between;
72}
73
74.socials > ul {
75  display: flex;
76  gap: 12px;
77}
78
79.post-link {
80  margin-bottom: 12px;
81}
82
83.post-link  p {
84  margin: 0;
85}
86
87@media (prefers-color-scheme: dark) {
88  footer img {
89    filter: invert(90%);
90  }
91}