@cirthcss/cirth 0.11.0 → 0.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,127 @@
1
+ @media print {
2
+ :root, :host {
3
+ --cirth-print-color: oklch(0% 0 0);
4
+ --cirth-print-muted-color: oklch(48.3% .03 264);
5
+ --cirth-print-border-color: oklch(61.3% .032 264);
6
+ }
7
+
8
+ html {
9
+ color-scheme: light;
10
+ background: none;
11
+ }
12
+
13
+ body {
14
+ color: var(--cirth-print-color);
15
+ color-scheme: light;
16
+ --cirth-color: var(--cirth-print-color);
17
+ --cirth-h1-color: var(--cirth-print-color);
18
+ --cirth-h2-color: var(--cirth-print-color);
19
+ --cirth-h3-color: var(--cirth-print-color);
20
+ --cirth-h4-color: var(--cirth-print-color);
21
+ --cirth-h5-color: var(--cirth-print-color);
22
+ --cirth-h6-color: var(--cirth-print-color);
23
+ --cirth-code-color: var(--cirth-print-color);
24
+ --cirth-code-kbd-color: var(--cirth-print-color);
25
+ --cirth-form-element-color: var(--cirth-print-color);
26
+ --cirth-muted-color: var(--cirth-print-muted-color);
27
+ --cirth-form-element-placeholder-color: var(--cirth-print-muted-color);
28
+ --cirth-primary: var(--cirth-print-color);
29
+ --cirth-primary-hover: var(--cirth-print-color);
30
+ --cirth-primary-underline: var(--cirth-print-color);
31
+ --cirth-secondary: var(--cirth-print-color);
32
+ --cirth-secondary-underline: var(--cirth-print-color);
33
+ --cirth-contrast: var(--cirth-print-color);
34
+ --cirth-contrast-underline: var(--cirth-print-color);
35
+ --cirth-link-visited-color: var(--cirth-print-color);
36
+ --cirth-muted-border-color: var(--cirth-print-border-color);
37
+ --cirth-form-element-border-color: var(--cirth-print-border-color);
38
+ --cirth-box-shadow: none;
39
+ --cirth-card-box-shadow: none;
40
+ --cirth-card-background-color: transparent;
41
+ --cirth-card-sectioning-background-color: transparent;
42
+ --cirth-code-background-color: transparent;
43
+ --cirth-code-kbd-background-color: transparent;
44
+ --cirth-form-element-background-color: transparent;
45
+ --cirth-form-element-active-background-color: transparent;
46
+ --cirth-table-row-stripped-background-color: transparent;
47
+ --cirth-modal-overlay-background-color: transparent;
48
+ --cirth-ins-color: oklch(35.3% .067 160.59);
49
+ --cirth-del-color: oklch(35.3% .122 29.73);
50
+ --cirth-meter-optimum-color: oklch(52.7% .1 160.59);
51
+ --cirth-meter-suboptimum-color: oklch(48.3% .086 78);
52
+ --cirth-meter-even-less-good-color: oklch(44% .151 29.73);
53
+ background: none;
54
+ }
55
+
56
+ kbd {
57
+ border: var(--cirth-border-width) solid var(--cirth-print-border-color);
58
+ }
59
+
60
+ :is(button, [type="submit"], [type="reset"], [type="button"], [role="button"]) {
61
+ border-color: var(--cirth-print-border-color);
62
+ box-shadow: none;
63
+ color: var(--cirth-print-color);
64
+ background: none;
65
+ }
66
+
67
+ [type="file"]::file-selector-button {
68
+ border-color: var(--cirth-print-border-color);
69
+ box-shadow: none;
70
+ color: var(--cirth-print-color);
71
+ background: none;
72
+ }
73
+
74
+ :is(mark, meter, progress, [type="checkbox"], [type="radio"]) {
75
+ -webkit-print-color-adjust: exact;
76
+ print-color-adjust: exact;
77
+ }
78
+
79
+ a[href^="http"]:not([role="button"], nav a):after {
80
+ content: " (" attr(href) ")";
81
+ color: var(--cirth-print-muted-color);
82
+ font-size: var(--cirth-font-size-sm);
83
+ word-break: break-all;
84
+ }
85
+
86
+ thead {
87
+ display: table-header-group;
88
+ }
89
+
90
+ tfoot {
91
+ display: table-footer-group;
92
+ }
93
+
94
+ tr {
95
+ break-inside: avoid;
96
+ }
97
+
98
+ pre {
99
+ white-space: pre-wrap;
100
+ overflow: visible;
101
+ }
102
+
103
+ dialog {
104
+ backdrop-filter: none;
105
+ min-width: 0;
106
+ min-height: 0;
107
+ position: static;
108
+ }
109
+
110
+ dialog > article {
111
+ max-height: none;
112
+ overflow: visible;
113
+ }
114
+
115
+ :is(h1, h2, h3, h4, h5, h6) {
116
+ break-after: avoid;
117
+ }
118
+
119
+ :is(figure, img) {
120
+ break-inside: avoid;
121
+ }
122
+
123
+ :is(blockquote, li, p) {
124
+ orphans: 3;
125
+ widows: 3;
126
+ }
127
+ }
@@ -0,0 +1 @@
1
+ @media print{:root,:host{--cirth-print-color:oklch(0% 0 0);--cirth-print-muted-color:oklch(48.3% .03 264);--cirth-print-border-color:oklch(61.3% .032 264)}html{color-scheme:light;background:0 0}body{color:var(--cirth-print-color);color-scheme:light;--cirth-color:var(--cirth-print-color);--cirth-h1-color:var(--cirth-print-color);--cirth-h2-color:var(--cirth-print-color);--cirth-h3-color:var(--cirth-print-color);--cirth-h4-color:var(--cirth-print-color);--cirth-h5-color:var(--cirth-print-color);--cirth-h6-color:var(--cirth-print-color);--cirth-code-color:var(--cirth-print-color);--cirth-code-kbd-color:var(--cirth-print-color);--cirth-form-element-color:var(--cirth-print-color);--cirth-muted-color:var(--cirth-print-muted-color);--cirth-form-element-placeholder-color:var(--cirth-print-muted-color);--cirth-primary:var(--cirth-print-color);--cirth-primary-hover:var(--cirth-print-color);--cirth-primary-underline:var(--cirth-print-color);--cirth-secondary:var(--cirth-print-color);--cirth-secondary-underline:var(--cirth-print-color);--cirth-contrast:var(--cirth-print-color);--cirth-contrast-underline:var(--cirth-print-color);--cirth-link-visited-color:var(--cirth-print-color);--cirth-muted-border-color:var(--cirth-print-border-color);--cirth-form-element-border-color:var(--cirth-print-border-color);--cirth-box-shadow:none;--cirth-card-box-shadow:none;--cirth-card-background-color:transparent;--cirth-card-sectioning-background-color:transparent;--cirth-code-background-color:transparent;--cirth-code-kbd-background-color:transparent;--cirth-form-element-background-color:transparent;--cirth-form-element-active-background-color:transparent;--cirth-table-row-stripped-background-color:transparent;--cirth-modal-overlay-background-color:transparent;--cirth-ins-color:oklch(35.3% .067 160.59);--cirth-del-color:oklch(35.3% .122 29.73);--cirth-meter-optimum-color:oklch(52.7% .1 160.59);--cirth-meter-suboptimum-color:oklch(48.3% .086 78);--cirth-meter-even-less-good-color:oklch(44% .151 29.73);background:0 0}kbd{border:var(--cirth-border-width) solid var(--cirth-print-border-color)}:is(button,[type=submit],[type=reset],[type=button],[role=button]){border-color:var(--cirth-print-border-color);box-shadow:none;color:var(--cirth-print-color);background:0 0}[type=file]::file-selector-button{border-color:var(--cirth-print-border-color);box-shadow:none;color:var(--cirth-print-color);background:0 0}:is(mark,meter,progress,[type=checkbox],[type=radio]){-webkit-print-color-adjust:exact;print-color-adjust:exact}a[href^=http]:not([role=button],nav a):after{content:" (" attr(href) ")";color:var(--cirth-print-muted-color);font-size:var(--cirth-font-size-sm);word-break:break-all}thead{display:table-header-group}tfoot{display:table-footer-group}tr{break-inside:avoid}pre{white-space:pre-wrap;overflow:visible}dialog{backdrop-filter:none;min-width:0;min-height:0;position:static}dialog>article{max-height:none;overflow:visible}:is(h1,h2,h3,h4,h5,h6){break-after:avoid}:is(figure,img){break-inside:avoid}:is(blockquote,li,p){orphans:3;widows:3}}
@@ -0,0 +1,119 @@
1
+ @media print {
2
+ .cirth {
3
+ --cirth-print-color: oklch(0% 0 0);
4
+ --cirth-print-muted-color: oklch(48.3% .03 264);
5
+ --cirth-print-border-color: oklch(61.3% .032 264);
6
+ color: var(--cirth-print-color);
7
+ color-scheme: light;
8
+ --cirth-color: var(--cirth-print-color);
9
+ --cirth-h1-color: var(--cirth-print-color);
10
+ --cirth-h2-color: var(--cirth-print-color);
11
+ --cirth-h3-color: var(--cirth-print-color);
12
+ --cirth-h4-color: var(--cirth-print-color);
13
+ --cirth-h5-color: var(--cirth-print-color);
14
+ --cirth-h6-color: var(--cirth-print-color);
15
+ --cirth-code-color: var(--cirth-print-color);
16
+ --cirth-code-kbd-color: var(--cirth-print-color);
17
+ --cirth-form-element-color: var(--cirth-print-color);
18
+ --cirth-muted-color: var(--cirth-print-muted-color);
19
+ --cirth-form-element-placeholder-color: var(--cirth-print-muted-color);
20
+ --cirth-primary: var(--cirth-print-color);
21
+ --cirth-primary-hover: var(--cirth-print-color);
22
+ --cirth-primary-underline: var(--cirth-print-color);
23
+ --cirth-secondary: var(--cirth-print-color);
24
+ --cirth-secondary-underline: var(--cirth-print-color);
25
+ --cirth-contrast: var(--cirth-print-color);
26
+ --cirth-contrast-underline: var(--cirth-print-color);
27
+ --cirth-link-visited-color: var(--cirth-print-color);
28
+ --cirth-muted-border-color: var(--cirth-print-border-color);
29
+ --cirth-form-element-border-color: var(--cirth-print-border-color);
30
+ --cirth-box-shadow: none;
31
+ --cirth-card-box-shadow: none;
32
+ --cirth-card-background-color: transparent;
33
+ --cirth-card-sectioning-background-color: transparent;
34
+ --cirth-code-background-color: transparent;
35
+ --cirth-code-kbd-background-color: transparent;
36
+ --cirth-form-element-background-color: transparent;
37
+ --cirth-form-element-active-background-color: transparent;
38
+ --cirth-table-row-stripped-background-color: transparent;
39
+ --cirth-modal-overlay-background-color: transparent;
40
+ --cirth-ins-color: oklch(35.3% .067 160.59);
41
+ --cirth-del-color: oklch(35.3% .122 29.73);
42
+ --cirth-meter-optimum-color: oklch(52.7% .1 160.59);
43
+ --cirth-meter-suboptimum-color: oklch(48.3% .086 78);
44
+ --cirth-meter-even-less-good-color: oklch(44% .151 29.73);
45
+ background: none;
46
+ }
47
+
48
+ .cirth kbd {
49
+ border: var(--cirth-border-width) solid var(--cirth-print-border-color);
50
+ }
51
+
52
+ .cirth :is(button, [type="submit"], [type="reset"], [type="button"], [role="button"]) {
53
+ border-color: var(--cirth-print-border-color);
54
+ box-shadow: none;
55
+ color: var(--cirth-print-color);
56
+ background: none;
57
+ }
58
+
59
+ .cirth [type="file"]::file-selector-button {
60
+ border-color: var(--cirth-print-border-color);
61
+ box-shadow: none;
62
+ color: var(--cirth-print-color);
63
+ background: none;
64
+ }
65
+
66
+ .cirth :is(mark, meter, progress, [type="checkbox"], [type="radio"]) {
67
+ -webkit-print-color-adjust: exact;
68
+ print-color-adjust: exact;
69
+ }
70
+
71
+ .cirth a[href^="http"]:not([role="button"], nav a):after {
72
+ content: " (" attr(href) ")";
73
+ color: var(--cirth-print-muted-color);
74
+ font-size: var(--cirth-font-size-sm);
75
+ word-break: break-all;
76
+ }
77
+
78
+ .cirth thead {
79
+ display: table-header-group;
80
+ }
81
+
82
+ .cirth tfoot {
83
+ display: table-footer-group;
84
+ }
85
+
86
+ .cirth tr {
87
+ break-inside: avoid;
88
+ }
89
+
90
+ .cirth pre {
91
+ white-space: pre-wrap;
92
+ overflow: visible;
93
+ }
94
+
95
+ .cirth dialog {
96
+ backdrop-filter: none;
97
+ min-width: 0;
98
+ min-height: 0;
99
+ position: static;
100
+ }
101
+
102
+ .cirth dialog > article {
103
+ max-height: none;
104
+ overflow: visible;
105
+ }
106
+
107
+ .cirth :is(h1, h2, h3, h4, h5, h6) {
108
+ break-after: avoid;
109
+ }
110
+
111
+ .cirth :is(figure, img) {
112
+ break-inside: avoid;
113
+ }
114
+
115
+ .cirth :is(blockquote, li, p) {
116
+ orphans: 3;
117
+ widows: 3;
118
+ }
119
+ }
@@ -0,0 +1 @@
1
+ @media print{.cirth{--cirth-print-color:oklch(0% 0 0);--cirth-print-muted-color:oklch(48.3% .03 264);--cirth-print-border-color:oklch(61.3% .032 264);color:var(--cirth-print-color);color-scheme:light;--cirth-color:var(--cirth-print-color);--cirth-h1-color:var(--cirth-print-color);--cirth-h2-color:var(--cirth-print-color);--cirth-h3-color:var(--cirth-print-color);--cirth-h4-color:var(--cirth-print-color);--cirth-h5-color:var(--cirth-print-color);--cirth-h6-color:var(--cirth-print-color);--cirth-code-color:var(--cirth-print-color);--cirth-code-kbd-color:var(--cirth-print-color);--cirth-form-element-color:var(--cirth-print-color);--cirth-muted-color:var(--cirth-print-muted-color);--cirth-form-element-placeholder-color:var(--cirth-print-muted-color);--cirth-primary:var(--cirth-print-color);--cirth-primary-hover:var(--cirth-print-color);--cirth-primary-underline:var(--cirth-print-color);--cirth-secondary:var(--cirth-print-color);--cirth-secondary-underline:var(--cirth-print-color);--cirth-contrast:var(--cirth-print-color);--cirth-contrast-underline:var(--cirth-print-color);--cirth-link-visited-color:var(--cirth-print-color);--cirth-muted-border-color:var(--cirth-print-border-color);--cirth-form-element-border-color:var(--cirth-print-border-color);--cirth-box-shadow:none;--cirth-card-box-shadow:none;--cirth-card-background-color:transparent;--cirth-card-sectioning-background-color:transparent;--cirth-code-background-color:transparent;--cirth-code-kbd-background-color:transparent;--cirth-form-element-background-color:transparent;--cirth-form-element-active-background-color:transparent;--cirth-table-row-stripped-background-color:transparent;--cirth-modal-overlay-background-color:transparent;--cirth-ins-color:oklch(35.3% .067 160.59);--cirth-del-color:oklch(35.3% .122 29.73);--cirth-meter-optimum-color:oklch(52.7% .1 160.59);--cirth-meter-suboptimum-color:oklch(48.3% .086 78);--cirth-meter-even-less-good-color:oklch(44% .151 29.73);background:0 0}.cirth kbd{border:var(--cirth-border-width) solid var(--cirth-print-border-color)}.cirth :is(button,[type=submit],[type=reset],[type=button],[role=button]){border-color:var(--cirth-print-border-color);box-shadow:none;color:var(--cirth-print-color);background:0 0}.cirth [type=file]::file-selector-button{border-color:var(--cirth-print-border-color);box-shadow:none;color:var(--cirth-print-color);background:0 0}.cirth :is(mark,meter,progress,[type=checkbox],[type=radio]){-webkit-print-color-adjust:exact;print-color-adjust:exact}.cirth a[href^=http]:not([role=button],nav a):after{content:" (" attr(href) ")";color:var(--cirth-print-muted-color);font-size:var(--cirth-font-size-sm);word-break:break-all}.cirth thead{display:table-header-group}.cirth tfoot{display:table-footer-group}.cirth tr{break-inside:avoid}.cirth pre{white-space:pre-wrap;overflow:visible}.cirth dialog{backdrop-filter:none;min-width:0;min-height:0;position:static}.cirth dialog>article{max-height:none;overflow:visible}.cirth :is(h1,h2,h3,h4,h5,h6){break-after:avoid}.cirth :is(figure,img){break-inside:avoid}.cirth :is(blockquote,li,p){orphans:3;widows:3}}
@@ -0,0 +1,133 @@
1
+ @media print {
2
+ :root, :host {
3
+ --cirth-print-color: oklch(0% 0 0);
4
+ --cirth-print-muted-color: oklch(48.3% .03 264);
5
+ --cirth-print-border-color: oklch(61.3% .032 264);
6
+ }
7
+
8
+ html {
9
+ color-scheme: light;
10
+ background: none;
11
+ }
12
+
13
+ body {
14
+ color: var(--cirth-print-color);
15
+ color-scheme: light;
16
+ --cirth-color: var(--cirth-print-color);
17
+ --cirth-h1-color: var(--cirth-print-color);
18
+ --cirth-h2-color: var(--cirth-print-color);
19
+ --cirth-h3-color: var(--cirth-print-color);
20
+ --cirth-h4-color: var(--cirth-print-color);
21
+ --cirth-h5-color: var(--cirth-print-color);
22
+ --cirth-h6-color: var(--cirth-print-color);
23
+ --cirth-code-color: var(--cirth-print-color);
24
+ --cirth-code-kbd-color: var(--cirth-print-color);
25
+ --cirth-form-element-color: var(--cirth-print-color);
26
+ --cirth-muted-color: var(--cirth-print-muted-color);
27
+ --cirth-form-element-placeholder-color: var(--cirth-print-muted-color);
28
+ --cirth-primary: var(--cirth-print-color);
29
+ --cirth-primary-hover: var(--cirth-print-color);
30
+ --cirth-primary-underline: var(--cirth-print-color);
31
+ --cirth-secondary: var(--cirth-print-color);
32
+ --cirth-secondary-underline: var(--cirth-print-color);
33
+ --cirth-contrast: var(--cirth-print-color);
34
+ --cirth-contrast-underline: var(--cirth-print-color);
35
+ --cirth-link-visited-color: var(--cirth-print-color);
36
+ --cirth-muted-border-color: var(--cirth-print-border-color);
37
+ --cirth-form-element-border-color: var(--cirth-print-border-color);
38
+ --cirth-box-shadow: none;
39
+ --cirth-card-box-shadow: none;
40
+ --cirth-card-background-color: transparent;
41
+ --cirth-card-sectioning-background-color: transparent;
42
+ --cirth-code-background-color: transparent;
43
+ --cirth-code-kbd-background-color: transparent;
44
+ --cirth-form-element-background-color: transparent;
45
+ --cirth-form-element-active-background-color: transparent;
46
+ --cirth-table-row-stripped-background-color: transparent;
47
+ --cirth-modal-overlay-background-color: transparent;
48
+ --cirth-dropdown-background-color: transparent;
49
+ --cirth-dropdown-box-shadow: none;
50
+ --cirth-ins-color: oklch(35.3% .067 160.59);
51
+ --cirth-del-color: oklch(35.3% .122 29.73);
52
+ --cirth-meter-optimum-color: oklch(52.7% .1 160.59);
53
+ --cirth-meter-suboptimum-color: oklch(48.3% .086 78);
54
+ --cirth-meter-even-less-good-color: oklch(44% .151 29.73);
55
+ background: none;
56
+ }
57
+
58
+ kbd {
59
+ border: var(--cirth-border-width) solid var(--cirth-print-border-color);
60
+ }
61
+
62
+ :is(button, [type="submit"], [type="reset"], [type="button"], [role="button"]) {
63
+ border-color: var(--cirth-print-border-color);
64
+ box-shadow: none;
65
+ color: var(--cirth-print-color);
66
+ background: none;
67
+ }
68
+
69
+ [type="file"]::file-selector-button {
70
+ border-color: var(--cirth-print-border-color);
71
+ box-shadow: none;
72
+ color: var(--cirth-print-color);
73
+ background: none;
74
+ }
75
+
76
+ :is(mark, meter, progress, [type="checkbox"], [type="radio"]) {
77
+ -webkit-print-color-adjust: exact;
78
+ print-color-adjust: exact;
79
+ }
80
+
81
+ a[href^="http"]:not([role="button"], nav a):after {
82
+ content: " (" attr(href) ")";
83
+ color: var(--cirth-print-muted-color);
84
+ font-size: var(--cirth-font-size-sm);
85
+ word-break: break-all;
86
+ }
87
+
88
+ thead {
89
+ display: table-header-group;
90
+ }
91
+
92
+ tfoot {
93
+ display: table-footer-group;
94
+ }
95
+
96
+ tr {
97
+ break-inside: avoid;
98
+ }
99
+
100
+ pre {
101
+ white-space: pre-wrap;
102
+ overflow: visible;
103
+ }
104
+
105
+ .overflow-auto {
106
+ overflow: visible;
107
+ }
108
+
109
+ dialog {
110
+ backdrop-filter: none;
111
+ min-width: 0;
112
+ min-height: 0;
113
+ position: static;
114
+ }
115
+
116
+ dialog > article {
117
+ max-height: none;
118
+ overflow: visible;
119
+ }
120
+
121
+ :is(h1, h2, h3, h4, h5, h6) {
122
+ break-after: avoid;
123
+ }
124
+
125
+ :is(figure, img) {
126
+ break-inside: avoid;
127
+ }
128
+
129
+ :is(blockquote, li, p) {
130
+ orphans: 3;
131
+ widows: 3;
132
+ }
133
+ }
@@ -0,0 +1 @@
1
+ @media print{:root,:host{--cirth-print-color:oklch(0% 0 0);--cirth-print-muted-color:oklch(48.3% .03 264);--cirth-print-border-color:oklch(61.3% .032 264)}html{color-scheme:light;background:0 0}body{color:var(--cirth-print-color);color-scheme:light;--cirth-color:var(--cirth-print-color);--cirth-h1-color:var(--cirth-print-color);--cirth-h2-color:var(--cirth-print-color);--cirth-h3-color:var(--cirth-print-color);--cirth-h4-color:var(--cirth-print-color);--cirth-h5-color:var(--cirth-print-color);--cirth-h6-color:var(--cirth-print-color);--cirth-code-color:var(--cirth-print-color);--cirth-code-kbd-color:var(--cirth-print-color);--cirth-form-element-color:var(--cirth-print-color);--cirth-muted-color:var(--cirth-print-muted-color);--cirth-form-element-placeholder-color:var(--cirth-print-muted-color);--cirth-primary:var(--cirth-print-color);--cirth-primary-hover:var(--cirth-print-color);--cirth-primary-underline:var(--cirth-print-color);--cirth-secondary:var(--cirth-print-color);--cirth-secondary-underline:var(--cirth-print-color);--cirth-contrast:var(--cirth-print-color);--cirth-contrast-underline:var(--cirth-print-color);--cirth-link-visited-color:var(--cirth-print-color);--cirth-muted-border-color:var(--cirth-print-border-color);--cirth-form-element-border-color:var(--cirth-print-border-color);--cirth-box-shadow:none;--cirth-card-box-shadow:none;--cirth-card-background-color:transparent;--cirth-card-sectioning-background-color:transparent;--cirth-code-background-color:transparent;--cirth-code-kbd-background-color:transparent;--cirth-form-element-background-color:transparent;--cirth-form-element-active-background-color:transparent;--cirth-table-row-stripped-background-color:transparent;--cirth-modal-overlay-background-color:transparent;--cirth-dropdown-background-color:transparent;--cirth-dropdown-box-shadow:none;--cirth-ins-color:oklch(35.3% .067 160.59);--cirth-del-color:oklch(35.3% .122 29.73);--cirth-meter-optimum-color:oklch(52.7% .1 160.59);--cirth-meter-suboptimum-color:oklch(48.3% .086 78);--cirth-meter-even-less-good-color:oklch(44% .151 29.73);background:0 0}kbd{border:var(--cirth-border-width) solid var(--cirth-print-border-color)}:is(button,[type=submit],[type=reset],[type=button],[role=button]){border-color:var(--cirth-print-border-color);box-shadow:none;color:var(--cirth-print-color);background:0 0}[type=file]::file-selector-button{border-color:var(--cirth-print-border-color);box-shadow:none;color:var(--cirth-print-color);background:0 0}:is(mark,meter,progress,[type=checkbox],[type=radio]){-webkit-print-color-adjust:exact;print-color-adjust:exact}a[href^=http]:not([role=button],nav a):after{content:" (" attr(href) ")";color:var(--cirth-print-muted-color);font-size:var(--cirth-font-size-sm);word-break:break-all}thead{display:table-header-group}tfoot{display:table-footer-group}tr{break-inside:avoid}pre{white-space:pre-wrap;overflow:visible}.overflow-auto{overflow:visible}dialog{backdrop-filter:none;min-width:0;min-height:0;position:static}dialog>article{max-height:none;overflow:visible}:is(h1,h2,h3,h4,h5,h6){break-after:avoid}:is(figure,img){break-inside:avoid}:is(blockquote,li,p){orphans:3;widows:3}}
@@ -0,0 +1,125 @@
1
+ @media print {
2
+ .cirth {
3
+ --cirth-print-color: oklch(0% 0 0);
4
+ --cirth-print-muted-color: oklch(48.3% .03 264);
5
+ --cirth-print-border-color: oklch(61.3% .032 264);
6
+ color: var(--cirth-print-color);
7
+ color-scheme: light;
8
+ --cirth-color: var(--cirth-print-color);
9
+ --cirth-h1-color: var(--cirth-print-color);
10
+ --cirth-h2-color: var(--cirth-print-color);
11
+ --cirth-h3-color: var(--cirth-print-color);
12
+ --cirth-h4-color: var(--cirth-print-color);
13
+ --cirth-h5-color: var(--cirth-print-color);
14
+ --cirth-h6-color: var(--cirth-print-color);
15
+ --cirth-code-color: var(--cirth-print-color);
16
+ --cirth-code-kbd-color: var(--cirth-print-color);
17
+ --cirth-form-element-color: var(--cirth-print-color);
18
+ --cirth-muted-color: var(--cirth-print-muted-color);
19
+ --cirth-form-element-placeholder-color: var(--cirth-print-muted-color);
20
+ --cirth-primary: var(--cirth-print-color);
21
+ --cirth-primary-hover: var(--cirth-print-color);
22
+ --cirth-primary-underline: var(--cirth-print-color);
23
+ --cirth-secondary: var(--cirth-print-color);
24
+ --cirth-secondary-underline: var(--cirth-print-color);
25
+ --cirth-contrast: var(--cirth-print-color);
26
+ --cirth-contrast-underline: var(--cirth-print-color);
27
+ --cirth-link-visited-color: var(--cirth-print-color);
28
+ --cirth-muted-border-color: var(--cirth-print-border-color);
29
+ --cirth-form-element-border-color: var(--cirth-print-border-color);
30
+ --cirth-box-shadow: none;
31
+ --cirth-card-box-shadow: none;
32
+ --cirth-card-background-color: transparent;
33
+ --cirth-card-sectioning-background-color: transparent;
34
+ --cirth-code-background-color: transparent;
35
+ --cirth-code-kbd-background-color: transparent;
36
+ --cirth-form-element-background-color: transparent;
37
+ --cirth-form-element-active-background-color: transparent;
38
+ --cirth-table-row-stripped-background-color: transparent;
39
+ --cirth-modal-overlay-background-color: transparent;
40
+ --cirth-dropdown-background-color: transparent;
41
+ --cirth-dropdown-box-shadow: none;
42
+ --cirth-ins-color: oklch(35.3% .067 160.59);
43
+ --cirth-del-color: oklch(35.3% .122 29.73);
44
+ --cirth-meter-optimum-color: oklch(52.7% .1 160.59);
45
+ --cirth-meter-suboptimum-color: oklch(48.3% .086 78);
46
+ --cirth-meter-even-less-good-color: oklch(44% .151 29.73);
47
+ background: none;
48
+ }
49
+
50
+ .cirth kbd {
51
+ border: var(--cirth-border-width) solid var(--cirth-print-border-color);
52
+ }
53
+
54
+ .cirth :is(button, [type="submit"], [type="reset"], [type="button"], [role="button"]) {
55
+ border-color: var(--cirth-print-border-color);
56
+ box-shadow: none;
57
+ color: var(--cirth-print-color);
58
+ background: none;
59
+ }
60
+
61
+ .cirth [type="file"]::file-selector-button {
62
+ border-color: var(--cirth-print-border-color);
63
+ box-shadow: none;
64
+ color: var(--cirth-print-color);
65
+ background: none;
66
+ }
67
+
68
+ .cirth :is(mark, meter, progress, [type="checkbox"], [type="radio"]) {
69
+ -webkit-print-color-adjust: exact;
70
+ print-color-adjust: exact;
71
+ }
72
+
73
+ .cirth a[href^="http"]:not([role="button"], nav a):after {
74
+ content: " (" attr(href) ")";
75
+ color: var(--cirth-print-muted-color);
76
+ font-size: var(--cirth-font-size-sm);
77
+ word-break: break-all;
78
+ }
79
+
80
+ .cirth thead {
81
+ display: table-header-group;
82
+ }
83
+
84
+ .cirth tfoot {
85
+ display: table-footer-group;
86
+ }
87
+
88
+ .cirth tr {
89
+ break-inside: avoid;
90
+ }
91
+
92
+ .cirth pre {
93
+ white-space: pre-wrap;
94
+ overflow: visible;
95
+ }
96
+
97
+ .cirth .overflow-auto {
98
+ overflow: visible;
99
+ }
100
+
101
+ .cirth dialog {
102
+ backdrop-filter: none;
103
+ min-width: 0;
104
+ min-height: 0;
105
+ position: static;
106
+ }
107
+
108
+ .cirth dialog > article {
109
+ max-height: none;
110
+ overflow: visible;
111
+ }
112
+
113
+ .cirth :is(h1, h2, h3, h4, h5, h6) {
114
+ break-after: avoid;
115
+ }
116
+
117
+ .cirth :is(figure, img) {
118
+ break-inside: avoid;
119
+ }
120
+
121
+ .cirth :is(blockquote, li, p) {
122
+ orphans: 3;
123
+ widows: 3;
124
+ }
125
+ }
@@ -0,0 +1 @@
1
+ @media print{.cirth{--cirth-print-color:oklch(0% 0 0);--cirth-print-muted-color:oklch(48.3% .03 264);--cirth-print-border-color:oklch(61.3% .032 264);color:var(--cirth-print-color);color-scheme:light;--cirth-color:var(--cirth-print-color);--cirth-h1-color:var(--cirth-print-color);--cirth-h2-color:var(--cirth-print-color);--cirth-h3-color:var(--cirth-print-color);--cirth-h4-color:var(--cirth-print-color);--cirth-h5-color:var(--cirth-print-color);--cirth-h6-color:var(--cirth-print-color);--cirth-code-color:var(--cirth-print-color);--cirth-code-kbd-color:var(--cirth-print-color);--cirth-form-element-color:var(--cirth-print-color);--cirth-muted-color:var(--cirth-print-muted-color);--cirth-form-element-placeholder-color:var(--cirth-print-muted-color);--cirth-primary:var(--cirth-print-color);--cirth-primary-hover:var(--cirth-print-color);--cirth-primary-underline:var(--cirth-print-color);--cirth-secondary:var(--cirth-print-color);--cirth-secondary-underline:var(--cirth-print-color);--cirth-contrast:var(--cirth-print-color);--cirth-contrast-underline:var(--cirth-print-color);--cirth-link-visited-color:var(--cirth-print-color);--cirth-muted-border-color:var(--cirth-print-border-color);--cirth-form-element-border-color:var(--cirth-print-border-color);--cirth-box-shadow:none;--cirth-card-box-shadow:none;--cirth-card-background-color:transparent;--cirth-card-sectioning-background-color:transparent;--cirth-code-background-color:transparent;--cirth-code-kbd-background-color:transparent;--cirth-form-element-background-color:transparent;--cirth-form-element-active-background-color:transparent;--cirth-table-row-stripped-background-color:transparent;--cirth-modal-overlay-background-color:transparent;--cirth-dropdown-background-color:transparent;--cirth-dropdown-box-shadow:none;--cirth-ins-color:oklch(35.3% .067 160.59);--cirth-del-color:oklch(35.3% .122 29.73);--cirth-meter-optimum-color:oklch(52.7% .1 160.59);--cirth-meter-suboptimum-color:oklch(48.3% .086 78);--cirth-meter-even-less-good-color:oklch(44% .151 29.73);background:0 0}.cirth kbd{border:var(--cirth-border-width) solid var(--cirth-print-border-color)}.cirth :is(button,[type=submit],[type=reset],[type=button],[role=button]){border-color:var(--cirth-print-border-color);box-shadow:none;color:var(--cirth-print-color);background:0 0}.cirth [type=file]::file-selector-button{border-color:var(--cirth-print-border-color);box-shadow:none;color:var(--cirth-print-color);background:0 0}.cirth :is(mark,meter,progress,[type=checkbox],[type=radio]){-webkit-print-color-adjust:exact;print-color-adjust:exact}.cirth a[href^=http]:not([role=button],nav a):after{content:" (" attr(href) ")";color:var(--cirth-print-muted-color);font-size:var(--cirth-font-size-sm);word-break:break-all}.cirth thead{display:table-header-group}.cirth tfoot{display:table-footer-group}.cirth tr{break-inside:avoid}.cirth pre{white-space:pre-wrap;overflow:visible}.cirth .overflow-auto{overflow:visible}.cirth dialog{backdrop-filter:none;min-width:0;min-height:0;position:static}.cirth dialog>article{max-height:none;overflow:visible}.cirth :is(h1,h2,h3,h4,h5,h6){break-after:avoid}.cirth :is(figure,img){break-inside:avoid}.cirth :is(blockquote,li,p){orphans:3;widows:3}}