deno.land / x / jotai@v1.8.4 / examples / hacker_news / src / styles.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
85
86
87
88
89
@import url("https://rsms.me/inter/inter.css");
* { box-sizing: border-box; outline: none !important;}
html,body,#root { width: 100%; height: 100%; margin: 0; padding: 0;}
body { background: white; color: black; font-family: "Inter", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#root { display: grid; grid-template-columns: auto 1fr auto;}
h1 { writing-mode: tb-rl; font-variant-numeric: tabular-nums; font-weight: 700; font-size: 10em; letter-spacing: -10px; text-align: left; margin: 0; padding: 50px 0px 0px 20px;}
h2 { margin-bottom: 0.2em;}
h4 { font-weight: 500;}
h6 { margin-top: 0;}
#root > div { padding: 50px 20px; overflow: hidden; word-wrap: break-word; position: relative;}
#root > div > div { position: absolute;}
p { color: #474747;}
button { text-decoration: none; background: transparent; border: none; cursor: pointer; font-family: "Inter", sans-serif; font-weight: 200; font-size: 6em; padding: 0px 30px 20px 0px; display: flex; align-items: flex-end; color: inherit;}
button:focus { outline: 0;}
a { color: inherit;}
jotai

Version Info

Tagged at
2 years ago