-
Notifications
You must be signed in to change notification settings - Fork 2
/
style.css
84 lines (74 loc) · 1.74 KB
/
style.css
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
.inter-body {
font-family: "Inter", system-ui;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
}
.bottom-cirno {
position:fixed;
bottom:0px;
left:75%;
}
/* from https://github.com/picocss/pico/discussions/482#discussioncomment-9043725 - thanks! */
:root {
--pico-font-family-sans-serif: Inter, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif, var(--pico-font-family-emoji);
--pico-font-size: 90%;
/* Original: 100% */
--pico-line-height: 1.25;
/* Original: 1.5 */
--pico-form-element-spacing-vertical: 0.75rem;
/* Original: 1rem */
--pico-form-element-spacing-horizontal: 1.0rem;
/* Original: 1.25rem */
--pico-border-radius: 0.375rem;
/* Original: 0.25rem */
}
@media (min-width: 576px) {
:root {
--pico-font-size: 90%%;
/* Original: 106.25% */
}
}
@media (min-width: 768px) {
:root {
--pico-font-size: 90%%;
/* Original: 112.5% */
}
}
@media (min-width: 1024px) {
:root {
--pico-font-size: 90%%;
/* Original: 118.75% */
}
}
@media (min-width: 1280px) {
:root {
--pico-font-size: 90%%;
/* Original: 125% */
}
}
@media (min-width: 1536px) {
:root {
--pico-font-size: 90%%;
/* Original: 131.25% */
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
--pico-font-weight: 600;
/* Original: 700 */
}
article {
border: 1px solid var(--pico-muted-border-color);
/* Original doesn't have a border */
border-radius: calc(var(--pico-border-radius) * 2);
/* Original: var(--pico-border-radius) */
}
article>footer {
border-radius: calc(var(--pico-border-radius) * 2);
/* Original: var(--pico-border-radius) */
}