~james/core

core/web/src/app.css -rw-r--r-- 1.1 KiB
452f17b7 — james chore(import): snapshot james.dad.town/core at f70c71c7696a 14 hours ago 
                                                                                
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

@import "tailwindcss";
@plugin "tw-easing-gradients";
@import "./markup.css";
@import "./pierre.css";
@import "./logs.css";
@import "./listView.css";
@import "./theme.css";
@import "./fonts.css";

/* UA widgets - scrollbars first among them - paint from color-scheme, not from
   our var theme, so any scroller would carry a light system track over a dark
   surface. one declaration at the root keeps every scrollbar - file tree, code
   scroller, rails - matching the surface it sits on */
html {
	color-scheme: light;
	@variant dark {
		color-scheme: dark;
	}
}

@layer base {
	html {
		scrollbar-gutter: stable;
	}

	html:has(header[data-topbar]) {
		@apply bg-background-default;
	}

	body {
		@apply flex min-h-screen flex-col bg-background-canvas typography-paragraph-regular text-foreground-default transition-colors duration-150;
		text-wrap-style: pretty;
	}

	a {
		@apply text-foreground-default no-underline;
	}

	::selection {
		background-color: var(--color-background-info-subtle-hover);
		color: var(--color-foreground-default);
	}
}

/* chromium doesn't break links so we have to set it explicitely */
p > a {
	line-break: anywhere;
}