jakelazaroff.com
a proof of concept realtime collaborative text editor using atproto as a sync server
jake.tngl.io/y-pds/
1.0 kB
65 lines
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(ol, ul) {
38 list-style: none;
39 }
40
41 :not([class]) {
42 &:where(h1, h2, h3, h4, h5, h6) {
43 margin-block: 0.75em;
44 margin-trim: block;
45 line-height: 1.25;
46 text-wrap: balance;
47 letter-spacing: -0.05ch;
48 }
49
50 &:where(p, ol, ul) {
51 margin-block: 1em;
52 margin-trim: block;
53 }
54
55 &:where(ol, ul) {
56 padding-inline-start: 1.5em;
57 list-style: revert;
58 }
59
60 &:where(li) {
61 margin-block: 0.5em;
62 margin-trim: block;
63 }
64 }
65}