deno.land / x / jotai@v1.8.4 / examples / todos / 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
@import url("https://rsms.me/inter/inter.css");
* { box-sizing: border-box;}
html,body { width: 100%; height: 100%;}
body { margin-top: 5em; display: flex; align-items: flex-start; justify-content: center; background: #fdfdfd; font-family: "Inter", sans-serif !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; filter: saturate(0);}
#root { width: 50ch; display: flex; flex-direction: column; gap: 1em;}
input:not([type="checkbox"]) { width: 100%; border: none; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05); padding: 10px 20px; margin-top: 2em; margin-bottom: 4em; background: white;}
input:focus { outline: none;}
.anticon-close { width: 32px !important; cursor: pointer; color: #c0c0c0;}
.anticon-close:hover { color: #272730;}
.item { position: relative; display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 20px; overflow: hidden;}
.item > span { display: inline-block; width: 100%;}
h1 { font-size: 10em; font-weight: 800; margin: 0; padding: 0; letter-spacing: -5px; color: black; white-space: nowrap;}
jotai

Version Info

Tagged at
2 years ago