a proof of concept realtime collaborative text editor using atproto as a sync server
jake.tngl.io/y-pds/
1@layer reset {
2 *,
3 *::before,
4 *::after {
5 box-sizing: border-box;
6 }
7
8 * {
9 margin: 0;
10 padding: 0;
11 }
12
13 :root {
14 interpolate-size: allow-keywords;
15 }
16
17 body {
18 line-height: 1.5;
19 }
20
21 :where(img, picture, video, canvas, svg) {
22 display: block;
23 max-inline-size: 100%;
24 }
25
26 :where(input, button, textarea, select) {
27 font: inherit;
28 letter-spacing: inherit;
29 word-spacing: inherit;
30 color: currentColor;
31 }
32
33 :where(p, h1, h2, h3, h4, h5, h6) {
34 overflow-wrap: break-word;
35 }
36
37 &:where(h1, h2, h3, h4, h5, h6) {
38 line-height: 1.25;
39 text-wrap: balance;
40 letter-spacing: -0.05ch;
41 }
42}