@glw907/cairn-cms 0.52.1 → 0.54.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.
- package/CHANGELOG.md +46 -0
- package/dist/components/AdminLayout.svelte +58 -23
- package/dist/components/EditPage.svelte +456 -124
- package/dist/components/EditPage.svelte.d.ts +4 -2
- package/dist/components/EditorToolbar.svelte +29 -53
- package/dist/components/EditorToolbar.svelte.d.ts +3 -11
- package/dist/components/MarkdownEditor.svelte +163 -24
- package/dist/components/MarkdownEditor.svelte.d.ts +3 -0
- package/dist/components/MarkdownHelpDialog.svelte +5 -0
- package/dist/components/ShortcutsDialog.svelte +37 -0
- package/dist/components/ShortcutsDialog.svelte.d.ts +13 -0
- package/dist/components/ShortcutsGrid.svelte +18 -0
- package/dist/components/ShortcutsGrid.svelte.d.ts +23 -0
- package/dist/components/cairn-admin.css +199 -99
- package/dist/components/editor-folding.d.ts +7 -0
- package/dist/components/editor-folding.js +331 -0
- package/dist/components/editor-highlight.js +55 -6
- package/dist/components/editor-shortcuts.d.ts +16 -0
- package/dist/components/editor-shortcuts.js +36 -0
- package/dist/components/fonts/{Figtree-OFL.txt → IBMPlexSans-OFL.txt} +2 -2
- package/dist/components/fonts/ibm-plex-sans.woff2 +0 -0
- package/dist/components/markdown-directives.d.ts +17 -0
- package/dist/components/markdown-directives.js +41 -0
- package/dist/components/topbar-context.d.ts +13 -0
- package/dist/components/topbar-context.js +17 -0
- package/dist/sveltekit/static-admin-page.js +2 -2
- package/package.json +1 -1
- package/src/lib/components/AdminLayout.svelte +58 -23
- package/src/lib/components/EditPage.svelte +456 -124
- package/src/lib/components/EditorToolbar.svelte +29 -53
- package/src/lib/components/MarkdownEditor.svelte +163 -24
- package/src/lib/components/MarkdownHelpDialog.svelte +5 -0
- package/src/lib/components/ShortcutsDialog.svelte +37 -0
- package/src/lib/components/ShortcutsGrid.svelte +18 -0
- package/src/lib/components/cairn-admin.css +51 -14
- package/src/lib/components/editor-folding.ts +356 -0
- package/src/lib/components/editor-highlight.ts +54 -4
- package/src/lib/components/editor-shortcuts.ts +42 -0
- package/src/lib/components/fonts/{Figtree-OFL.txt → IBMPlexSans-OFL.txt} +2 -2
- package/src/lib/components/fonts/ibm-plex-sans.woff2 +0 -0
- package/src/lib/components/markdown-directives.ts +42 -0
- package/src/lib/components/topbar-context.ts +30 -0
- package/src/lib/sveltekit/static-admin-page.ts +2 -2
- package/dist/components/fonts/figtree.woff2 +0 -0
- package/src/lib/components/fonts/figtree.woff2 +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@font-face{font-family:'
|
|
1
|
+
@font-face{font-family:'IBM Plex Sans Variable';font-style:normal;font-display:swap;font-weight:100 700;src:url('./fonts/ibm-plex-sans.woff2') format('woff2')}
|
|
2
2
|
@font-face{font-family:'Bricolage Grotesque Variable';font-style:normal;font-display:swap;font-weight:400 800;src:url('./fonts/bricolage-grotesque.woff2') format('woff2')}
|
|
3
3
|
@font-face{font-family:'iA Writer Mono';font-style:normal;font-display:swap;font-weight:400;src:url('./fonts/ia-writer-mono-latin-400-normal.woff2') format('woff2')}
|
|
4
4
|
@font-face{font-family:'iA Writer Mono';font-style:normal;font-display:swap;font-weight:700;src:url('./fonts/ia-writer-mono-latin-700-normal.woff2') format('woff2')}
|
|
@@ -51,15 +51,6 @@
|
|
|
51
51
|
--tw-drop-shadow-color: initial;
|
|
52
52
|
--tw-drop-shadow-alpha: 100%;
|
|
53
53
|
--tw-drop-shadow-size: initial;
|
|
54
|
-
--tw-backdrop-blur: initial;
|
|
55
|
-
--tw-backdrop-brightness: initial;
|
|
56
|
-
--tw-backdrop-contrast: initial;
|
|
57
|
-
--tw-backdrop-grayscale: initial;
|
|
58
|
-
--tw-backdrop-hue-rotate: initial;
|
|
59
|
-
--tw-backdrop-invert: initial;
|
|
60
|
-
--tw-backdrop-opacity: initial;
|
|
61
|
-
--tw-backdrop-saturate: initial;
|
|
62
|
-
--tw-backdrop-sepia: initial;
|
|
63
54
|
--tw-duration: initial;
|
|
64
55
|
--tw-translate-x: 0;
|
|
65
56
|
--tw-translate-y: 0;
|
|
@@ -102,6 +93,7 @@
|
|
|
102
93
|
--tracking-wide: .025em;
|
|
103
94
|
--leading-relaxed: 1.625;
|
|
104
95
|
--radius-md: .375rem;
|
|
96
|
+
--radius-lg: .5rem;
|
|
105
97
|
--radius-xl: .75rem;
|
|
106
98
|
--animate-spin: spin 1s linear infinite;
|
|
107
99
|
--default-transition-duration: .15s;
|
|
@@ -180,6 +172,10 @@
|
|
|
180
172
|
outline-offset: -1px;
|
|
181
173
|
}
|
|
182
174
|
|
|
175
|
+
:where([data-theme="cairn-admin"], [data-theme="cairn-admin-dark"]) .cairn-doc-title-dim:not(:focus) {
|
|
176
|
+
color: var(--cairn-focus-dim-ink);
|
|
177
|
+
}
|
|
178
|
+
|
|
183
179
|
:where([data-theme="cairn-admin"], [data-theme="cairn-admin-dark"]) .menu li > button:not(.btn) {
|
|
184
180
|
font: inherit;
|
|
185
181
|
color: inherit;
|
|
@@ -188,8 +184,15 @@
|
|
|
188
184
|
border: 0 solid;
|
|
189
185
|
}
|
|
190
186
|
|
|
187
|
+
:where([data-theme="cairn-admin"], [data-theme="cairn-admin-dark"]) button:not(.btn) {
|
|
188
|
+
font: inherit;
|
|
189
|
+
color: inherit;
|
|
190
|
+
background-color: #0000;
|
|
191
|
+
border: 0 solid;
|
|
192
|
+
}
|
|
193
|
+
|
|
191
194
|
:where([data-theme="cairn-admin"], [data-theme="cairn-admin-dark"]) :is(a, button, input, textarea, select, summary, [tabindex]) {
|
|
192
|
-
scroll-margin-top:
|
|
195
|
+
scroll-margin-top: 5.5rem;
|
|
193
196
|
}
|
|
194
197
|
}
|
|
195
198
|
|
|
@@ -2787,6 +2790,22 @@
|
|
|
2787
2790
|
top: calc(var(--spacing) * 16);
|
|
2788
2791
|
}
|
|
2789
2792
|
|
|
2793
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .top-\[0\.875rem\] {
|
|
2794
|
+
top: .875rem;
|
|
2795
|
+
}
|
|
2796
|
+
|
|
2797
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .right-0 {
|
|
2798
|
+
right: calc(var(--spacing) * 0);
|
|
2799
|
+
}
|
|
2800
|
+
|
|
2801
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .right-\[1\.125rem\] {
|
|
2802
|
+
right: 1.125rem;
|
|
2803
|
+
}
|
|
2804
|
+
|
|
2805
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bottom-0 {
|
|
2806
|
+
bottom: calc(var(--spacing) * 0);
|
|
2807
|
+
}
|
|
2808
|
+
|
|
2790
2809
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .join {
|
|
2791
2810
|
--join-ss: 0;
|
|
2792
2811
|
--join-se: 0;
|
|
@@ -3274,10 +3293,6 @@
|
|
|
3274
3293
|
}
|
|
3275
3294
|
}
|
|
3276
3295
|
|
|
3277
|
-
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .-mx-4 {
|
|
3278
|
-
margin-inline: calc(var(--spacing) * -4);
|
|
3279
|
-
}
|
|
3280
|
-
|
|
3281
3296
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .mx-auto {
|
|
3282
3297
|
margin-inline: auto;
|
|
3283
3298
|
}
|
|
@@ -3494,6 +3509,10 @@
|
|
|
3494
3509
|
margin-bottom: calc(var(--spacing) * 3);
|
|
3495
3510
|
}
|
|
3496
3511
|
|
|
3512
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .mb-3\.5 {
|
|
3513
|
+
margin-bottom: calc(var(--spacing) * 3.5);
|
|
3514
|
+
}
|
|
3515
|
+
|
|
3497
3516
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .mb-4 {
|
|
3498
3517
|
margin-bottom: calc(var(--spacing) * 4);
|
|
3499
3518
|
}
|
|
@@ -3518,6 +3537,14 @@
|
|
|
3518
3537
|
margin-left: calc(var(--spacing) * 1);
|
|
3519
3538
|
}
|
|
3520
3539
|
|
|
3540
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .ml-1\.5 {
|
|
3541
|
+
margin-left: calc(var(--spacing) * 1.5);
|
|
3542
|
+
}
|
|
3543
|
+
|
|
3544
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .ml-2 {
|
|
3545
|
+
margin-left: calc(var(--spacing) * 2);
|
|
3546
|
+
}
|
|
3547
|
+
|
|
3521
3548
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .ml-3 {
|
|
3522
3549
|
margin-left: calc(var(--spacing) * 3);
|
|
3523
3550
|
}
|
|
@@ -3874,6 +3901,10 @@
|
|
|
3874
3901
|
display: inline;
|
|
3875
3902
|
}
|
|
3876
3903
|
|
|
3904
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .inline-block {
|
|
3905
|
+
display: inline-block;
|
|
3906
|
+
}
|
|
3907
|
+
|
|
3877
3908
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .inline-flex {
|
|
3878
3909
|
display: inline-flex;
|
|
3879
3910
|
}
|
|
@@ -3934,10 +3965,18 @@
|
|
|
3934
3965
|
height: 70vh;
|
|
3935
3966
|
}
|
|
3936
3967
|
|
|
3968
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .h-px {
|
|
3969
|
+
height: 1px;
|
|
3970
|
+
}
|
|
3971
|
+
|
|
3937
3972
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-h-\[60vh\] {
|
|
3938
3973
|
max-height: 60vh;
|
|
3939
3974
|
}
|
|
3940
3975
|
|
|
3976
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .min-h-16 {
|
|
3977
|
+
min-height: calc(var(--spacing) * 16);
|
|
3978
|
+
}
|
|
3979
|
+
|
|
3941
3980
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .min-h-64 {
|
|
3942
3981
|
min-height: calc(var(--spacing) * 64);
|
|
3943
3982
|
}
|
|
@@ -4032,6 +4071,10 @@
|
|
|
4032
4071
|
width: calc(var(--spacing) * 80);
|
|
4033
4072
|
}
|
|
4034
4073
|
|
|
4074
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .w-\[19rem\] {
|
|
4075
|
+
width: 19rem;
|
|
4076
|
+
}
|
|
4077
|
+
|
|
4035
4078
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .w-full {
|
|
4036
4079
|
width: 100%;
|
|
4037
4080
|
}
|
|
@@ -4052,8 +4095,16 @@
|
|
|
4052
4095
|
max-width: 30%;
|
|
4053
4096
|
}
|
|
4054
4097
|
|
|
4055
|
-
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-w-\[
|
|
4056
|
-
max-width:
|
|
4098
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-w-\[49rem\] {
|
|
4099
|
+
max-width: 49rem;
|
|
4100
|
+
}
|
|
4101
|
+
|
|
4102
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-w-\[56rem\] {
|
|
4103
|
+
max-width: 56rem;
|
|
4104
|
+
}
|
|
4105
|
+
|
|
4106
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-w-\[72ch\] {
|
|
4107
|
+
max-width: 72ch;
|
|
4057
4108
|
}
|
|
4058
4109
|
|
|
4059
4110
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-w-full {
|
|
@@ -4178,6 +4229,10 @@
|
|
|
4178
4229
|
appearance: none;
|
|
4179
4230
|
}
|
|
4180
4231
|
|
|
4232
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .grid-cols-1 {
|
|
4233
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
4234
|
+
}
|
|
4235
|
+
|
|
4181
4236
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .flex-col {
|
|
4182
4237
|
flex-direction: column;
|
|
4183
4238
|
}
|
|
@@ -4190,6 +4245,10 @@
|
|
|
4190
4245
|
flex-wrap: wrap;
|
|
4191
4246
|
}
|
|
4192
4247
|
|
|
4248
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .items-baseline {
|
|
4249
|
+
align-items: baseline;
|
|
4250
|
+
}
|
|
4251
|
+
|
|
4193
4252
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .items-center {
|
|
4194
4253
|
align-items: center;
|
|
4195
4254
|
}
|
|
@@ -4238,6 +4297,10 @@
|
|
|
4238
4297
|
gap: calc(var(--spacing) * 3);
|
|
4239
4298
|
}
|
|
4240
4299
|
|
|
4300
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .gap-3\.5 {
|
|
4301
|
+
gap: calc(var(--spacing) * 3.5);
|
|
4302
|
+
}
|
|
4303
|
+
|
|
4241
4304
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .gap-4 {
|
|
4242
4305
|
gap: calc(var(--spacing) * 4);
|
|
4243
4306
|
}
|
|
@@ -4256,22 +4319,14 @@
|
|
|
4256
4319
|
margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
|
|
4257
4320
|
}
|
|
4258
4321
|
|
|
4259
|
-
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .gap-x-
|
|
4260
|
-
column-gap: calc(var(--spacing) *
|
|
4261
|
-
}
|
|
4262
|
-
|
|
4263
|
-
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .gap-x-4 {
|
|
4264
|
-
column-gap: calc(var(--spacing) * 4);
|
|
4322
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .gap-x-8 {
|
|
4323
|
+
column-gap: calc(var(--spacing) * 8);
|
|
4265
4324
|
}
|
|
4266
4325
|
|
|
4267
4326
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .gap-y-1 {
|
|
4268
4327
|
row-gap: calc(var(--spacing) * 1);
|
|
4269
4328
|
}
|
|
4270
4329
|
|
|
4271
|
-
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .gap-y-2 {
|
|
4272
|
-
row-gap: calc(var(--spacing) * 2);
|
|
4273
|
-
}
|
|
4274
|
-
|
|
4275
4330
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .self-start {
|
|
4276
4331
|
align-self: flex-start;
|
|
4277
4332
|
}
|
|
@@ -4352,6 +4407,10 @@
|
|
|
4352
4407
|
border-radius: 3.40282e38px;
|
|
4353
4408
|
}
|
|
4354
4409
|
|
|
4410
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .rounded-lg {
|
|
4411
|
+
border-radius: var(--radius-lg);
|
|
4412
|
+
}
|
|
4413
|
+
|
|
4355
4414
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .rounded-md {
|
|
4356
4415
|
border-radius: var(--radius-md);
|
|
4357
4416
|
}
|
|
@@ -4395,6 +4454,11 @@
|
|
|
4395
4454
|
border-bottom-width: 1px;
|
|
4396
4455
|
}
|
|
4397
4456
|
|
|
4457
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .border-l {
|
|
4458
|
+
border-left-style: var(--tw-border-style);
|
|
4459
|
+
border-left-width: 1px;
|
|
4460
|
+
}
|
|
4461
|
+
|
|
4398
4462
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .border-none {
|
|
4399
4463
|
--tw-border-style: none;
|
|
4400
4464
|
border-style: none;
|
|
@@ -4469,16 +4533,6 @@
|
|
|
4469
4533
|
}
|
|
4470
4534
|
}
|
|
4471
4535
|
|
|
4472
|
-
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-200\/90 {
|
|
4473
|
-
background-color: var(--color-base-200);
|
|
4474
|
-
}
|
|
4475
|
-
|
|
4476
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4477
|
-
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-200\/90 {
|
|
4478
|
-
background-color: color-mix(in oklab, var(--color-base-200) 90%, transparent);
|
|
4479
|
-
}
|
|
4480
|
-
}
|
|
4481
|
-
|
|
4482
4536
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-content\/\[0\.04\] {
|
|
4483
4537
|
background-color: var(--color-base-content);
|
|
4484
4538
|
}
|
|
@@ -4507,6 +4561,10 @@
|
|
|
4507
4561
|
}
|
|
4508
4562
|
}
|
|
4509
4563
|
|
|
4564
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-success {
|
|
4565
|
+
background-color: var(--color-success);
|
|
4566
|
+
}
|
|
4567
|
+
|
|
4510
4568
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-transparent {
|
|
4511
4569
|
background-color: #0000;
|
|
4512
4570
|
}
|
|
@@ -4606,6 +4664,10 @@
|
|
|
4606
4664
|
}
|
|
4607
4665
|
}
|
|
4608
4666
|
|
|
4667
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .px-1 {
|
|
4668
|
+
padding-inline: calc(var(--spacing) * 1);
|
|
4669
|
+
}
|
|
4670
|
+
|
|
4609
4671
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .px-1\.5 {
|
|
4610
4672
|
padding-inline: calc(var(--spacing) * 1.5);
|
|
4611
4673
|
}
|
|
@@ -4614,6 +4676,10 @@
|
|
|
4614
4676
|
padding-inline: calc(var(--spacing) * 2);
|
|
4615
4677
|
}
|
|
4616
4678
|
|
|
4679
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .px-2\.5 {
|
|
4680
|
+
padding-inline: calc(var(--spacing) * 2.5);
|
|
4681
|
+
}
|
|
4682
|
+
|
|
4617
4683
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .px-3 {
|
|
4618
4684
|
padding-inline: calc(var(--spacing) * 3);
|
|
4619
4685
|
}
|
|
@@ -4630,6 +4696,10 @@
|
|
|
4630
4696
|
padding-inline: calc(var(--spacing) * 6);
|
|
4631
4697
|
}
|
|
4632
4698
|
|
|
4699
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .py-0 {
|
|
4700
|
+
padding-block: calc(var(--spacing) * 0);
|
|
4701
|
+
}
|
|
4702
|
+
|
|
4633
4703
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .py-1 {
|
|
4634
4704
|
padding-block: calc(var(--spacing) * 1);
|
|
4635
4705
|
}
|
|
@@ -4642,10 +4712,6 @@
|
|
|
4642
4712
|
padding-block: calc(var(--spacing) * 2);
|
|
4643
4713
|
}
|
|
4644
4714
|
|
|
4645
|
-
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .py-3 {
|
|
4646
|
-
padding-block: calc(var(--spacing) * 3);
|
|
4647
|
-
}
|
|
4648
|
-
|
|
4649
4715
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .py-3\.5 {
|
|
4650
4716
|
padding-block: calc(var(--spacing) * 3.5);
|
|
4651
4717
|
}
|
|
@@ -4674,6 +4740,10 @@
|
|
|
4674
4740
|
padding-block: calc(var(--spacing) * 16);
|
|
4675
4741
|
}
|
|
4676
4742
|
|
|
4743
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .py-\[5px\] {
|
|
4744
|
+
padding-block: 5px;
|
|
4745
|
+
}
|
|
4746
|
+
|
|
4677
4747
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .py-px {
|
|
4678
4748
|
padding-block: 1px;
|
|
4679
4749
|
}
|
|
@@ -4686,6 +4756,10 @@
|
|
|
4686
4756
|
padding-right: calc(var(--spacing) * 3);
|
|
4687
4757
|
}
|
|
4688
4758
|
|
|
4759
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .pl-3 {
|
|
4760
|
+
padding-left: calc(var(--spacing) * 3);
|
|
4761
|
+
}
|
|
4762
|
+
|
|
4689
4763
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .pl-5 {
|
|
4690
4764
|
padding-left: calc(var(--spacing) * 5);
|
|
4691
4765
|
}
|
|
@@ -4706,6 +4780,10 @@
|
|
|
4706
4780
|
font-family: var(--font-display);
|
|
4707
4781
|
}
|
|
4708
4782
|
|
|
4783
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .font-\[family-name\:var\(--font-editor\,ui-monospace\,monospace\)\] {
|
|
4784
|
+
font-family: var(--font-editor, ui-monospace,monospace);
|
|
4785
|
+
}
|
|
4786
|
+
|
|
4709
4787
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .font-mono {
|
|
4710
4788
|
font-family: var(--font-mono);
|
|
4711
4789
|
}
|
|
@@ -4752,6 +4830,10 @@
|
|
|
4752
4830
|
}
|
|
4753
4831
|
}
|
|
4754
4832
|
|
|
4833
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .text-\[0\.75rem\] {
|
|
4834
|
+
font-size: .75rem;
|
|
4835
|
+
}
|
|
4836
|
+
|
|
4755
4837
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .text-\[0\.625rem\] {
|
|
4756
4838
|
font-size: .625rem;
|
|
4757
4839
|
}
|
|
@@ -4764,6 +4846,16 @@
|
|
|
4764
4846
|
font-size: .8125rem;
|
|
4765
4847
|
}
|
|
4766
4848
|
|
|
4849
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .text-\[1\.0625rem\] {
|
|
4850
|
+
font-size: 1.0625rem;
|
|
4851
|
+
}
|
|
4852
|
+
|
|
4853
|
+
@layer daisyui.l1.l2 {
|
|
4854
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .textarea-sm {
|
|
4855
|
+
font-size: max(var(--font-size, .75rem), .75rem);
|
|
4856
|
+
}
|
|
4857
|
+
}
|
|
4858
|
+
|
|
4767
4859
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .leading-relaxed {
|
|
4768
4860
|
--tw-leading: var(--leading-relaxed);
|
|
4769
4861
|
line-height: var(--leading-relaxed);
|
|
@@ -4923,6 +5015,20 @@
|
|
|
4923
5015
|
text-decoration-line: underline;
|
|
4924
5016
|
}
|
|
4925
5017
|
|
|
5018
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .\[text-decoration-color\:color-mix\(in_oklab\,currentColor_40\%\,transparent\)\] {
|
|
5019
|
+
text-decoration-color: currentColor;
|
|
5020
|
+
}
|
|
5021
|
+
|
|
5022
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5023
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .\[text-decoration-color\:color-mix\(in_oklab\,currentColor_40\%\,transparent\)\] {
|
|
5024
|
+
text-decoration-color: color-mix(in oklab,currentColor 40%,transparent);
|
|
5025
|
+
}
|
|
5026
|
+
}
|
|
5027
|
+
|
|
5028
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .\[text-underline-offset\:2px\] {
|
|
5029
|
+
text-underline-offset: 2px;
|
|
5030
|
+
}
|
|
5031
|
+
|
|
4926
5032
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .opacity-0 {
|
|
4927
5033
|
opacity: 0;
|
|
4928
5034
|
}
|
|
@@ -5018,11 +5124,6 @@
|
|
|
5018
5124
|
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
|
|
5019
5125
|
}
|
|
5020
5126
|
|
|
5021
|
-
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .backdrop-blur {
|
|
5022
|
-
--tw-backdrop-blur: blur(8px);
|
|
5023
|
-
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
|
|
5024
|
-
}
|
|
5025
|
-
|
|
5026
5127
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .transition {
|
|
5027
5128
|
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
|
|
5028
5129
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -5181,6 +5282,18 @@
|
|
|
5181
5282
|
}
|
|
5182
5283
|
}
|
|
5183
5284
|
|
|
5285
|
+
@media (hover: hover) {
|
|
5286
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:bg-base-content\/\[0\.06\]:hover {
|
|
5287
|
+
background-color: var(--color-base-content);
|
|
5288
|
+
}
|
|
5289
|
+
|
|
5290
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5291
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:bg-base-content\/\[0\.06\]:hover {
|
|
5292
|
+
background-color: color-mix(in oklab, var(--color-base-content) 6%, transparent);
|
|
5293
|
+
}
|
|
5294
|
+
}
|
|
5295
|
+
}
|
|
5296
|
+
|
|
5184
5297
|
@media (hover: hover) {
|
|
5185
5298
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:bg-base-content\/\[0\.08\]:hover {
|
|
5186
5299
|
background-color: var(--color-base-content);
|
|
@@ -5193,6 +5306,12 @@
|
|
|
5193
5306
|
}
|
|
5194
5307
|
}
|
|
5195
5308
|
|
|
5309
|
+
@media (hover: hover) {
|
|
5310
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:text-\[var\(--color-primary\)\]:hover {
|
|
5311
|
+
color: var(--color-primary);
|
|
5312
|
+
}
|
|
5313
|
+
}
|
|
5314
|
+
|
|
5196
5315
|
@media (hover: hover) {
|
|
5197
5316
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:text-base-content:hover {
|
|
5198
5317
|
color: var(--color-base-content);
|
|
@@ -5247,6 +5366,12 @@
|
|
|
5247
5366
|
}
|
|
5248
5367
|
}
|
|
5249
5368
|
|
|
5369
|
+
@media (width >= 40rem) {
|
|
5370
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .sm\:grid-cols-2 {
|
|
5371
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
5372
|
+
}
|
|
5373
|
+
}
|
|
5374
|
+
|
|
5250
5375
|
@media (width >= 40rem) {
|
|
5251
5376
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .sm\:grid-cols-\[1fr_1fr_auto_auto\] {
|
|
5252
5377
|
grid-template-columns: 1fr 1fr auto auto;
|
|
@@ -5359,12 +5484,6 @@
|
|
|
5359
5484
|
}
|
|
5360
5485
|
}
|
|
5361
5486
|
|
|
5362
|
-
@media (width >= 64rem) {
|
|
5363
|
-
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .lg\:-mx-8 {
|
|
5364
|
-
margin-inline: calc(var(--spacing) * -8);
|
|
5365
|
-
}
|
|
5366
|
-
}
|
|
5367
|
-
|
|
5368
5487
|
@media (width >= 64rem) {
|
|
5369
5488
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .lg\:mt-0 {
|
|
5370
5489
|
margin-top: calc(var(--spacing) * 0);
|
|
@@ -5383,6 +5502,12 @@
|
|
|
5383
5502
|
}
|
|
5384
5503
|
}
|
|
5385
5504
|
|
|
5505
|
+
@media (width >= 64rem) {
|
|
5506
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .lg\:grid-cols-\[1fr_17rem\] {
|
|
5507
|
+
grid-template-columns: 1fr 17rem;
|
|
5508
|
+
}
|
|
5509
|
+
}
|
|
5510
|
+
|
|
5386
5511
|
@media (width >= 64rem) {
|
|
5387
5512
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .lg\:grid-cols-\[1fr_20rem\] {
|
|
5388
5513
|
grid-template-columns: 1fr 20rem;
|
|
@@ -5426,6 +5551,18 @@
|
|
|
5426
5551
|
}
|
|
5427
5552
|
}
|
|
5428
5553
|
|
|
5554
|
+
@media (width >= 64rem) {
|
|
5555
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .lg\:px-10 {
|
|
5556
|
+
padding-inline: calc(var(--spacing) * 10);
|
|
5557
|
+
}
|
|
5558
|
+
}
|
|
5559
|
+
|
|
5560
|
+
@media (width >= 64rem) {
|
|
5561
|
+
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .lg\:py-8 {
|
|
5562
|
+
padding-block: calc(var(--spacing) * 8);
|
|
5563
|
+
}
|
|
5564
|
+
}
|
|
5565
|
+
|
|
5429
5566
|
@starting-style {
|
|
5430
5567
|
:where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .starting\:-translate-y-2 {
|
|
5431
5568
|
--tw-translate-y: calc(var(--spacing) * -2);
|
|
@@ -5442,7 +5579,7 @@
|
|
|
5442
5579
|
|
|
5443
5580
|
[data-theme="cairn-admin"] {
|
|
5444
5581
|
color-scheme: light;
|
|
5445
|
-
--font-body: "
|
|
5582
|
+
--font-body: "IBM Plex Sans Variable", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
|
5446
5583
|
--font-display: "Bricolage Grotesque Variable", var(--font-body);
|
|
5447
5584
|
--font-editor: "iA Writer Mono", ui-monospace, monospace;
|
|
5448
5585
|
font-family: var(--font-body);
|
|
@@ -5467,6 +5604,10 @@
|
|
|
5467
5604
|
--cairn-directive-ink-active: oklch(46% .16 300);
|
|
5468
5605
|
--cairn-code-chip: oklch(94.5% .008 75);
|
|
5469
5606
|
--cairn-focus-dim-ink: oklch(66% .01 75);
|
|
5607
|
+
--cairn-focus-dim-rail-1: 24%;
|
|
5608
|
+
--cairn-focus-dim-rail-2: 28%;
|
|
5609
|
+
--cairn-focus-dim-rail-3: 32%;
|
|
5610
|
+
--cairn-focus-dim-rail-active: 36%;
|
|
5470
5611
|
--color-neutral: oklch(32% .012 75);
|
|
5471
5612
|
--color-neutral-content: oklch(96% .004 75);
|
|
5472
5613
|
--color-info: oklch(52% .12 240);
|
|
@@ -5493,7 +5634,7 @@
|
|
|
5493
5634
|
|
|
5494
5635
|
[data-theme="cairn-admin-dark"] {
|
|
5495
5636
|
color-scheme: dark;
|
|
5496
|
-
--font-body: "
|
|
5637
|
+
--font-body: "IBM Plex Sans Variable", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
|
5497
5638
|
--font-display: "Bricolage Grotesque Variable", var(--font-body);
|
|
5498
5639
|
--font-editor: "iA Writer Mono", ui-monospace, monospace;
|
|
5499
5640
|
font-family: var(--font-body);
|
|
@@ -5518,6 +5659,10 @@
|
|
|
5518
5659
|
--cairn-directive-ink-active: oklch(82% .14 300);
|
|
5519
5660
|
--cairn-code-chip: oklch(29.5% .012 75);
|
|
5520
5661
|
--cairn-focus-dim-ink: oklch(53% .01 75);
|
|
5662
|
+
--cairn-focus-dim-rail-1: 21%;
|
|
5663
|
+
--cairn-focus-dim-rail-2: 25%;
|
|
5664
|
+
--cairn-focus-dim-rail-3: 29%;
|
|
5665
|
+
--cairn-focus-dim-rail-active: 33%;
|
|
5521
5666
|
--color-neutral: oklch(80% .01 75);
|
|
5522
5667
|
--color-neutral-content: oklch(22% .008 75);
|
|
5523
5668
|
--color-info: oklch(72% .12 240);
|
|
@@ -5920,51 +6065,6 @@
|
|
|
5920
6065
|
inherits: false
|
|
5921
6066
|
}
|
|
5922
6067
|
|
|
5923
|
-
@property --tw-backdrop-blur {
|
|
5924
|
-
syntax: "*";
|
|
5925
|
-
inherits: false
|
|
5926
|
-
}
|
|
5927
|
-
|
|
5928
|
-
@property --tw-backdrop-brightness {
|
|
5929
|
-
syntax: "*";
|
|
5930
|
-
inherits: false
|
|
5931
|
-
}
|
|
5932
|
-
|
|
5933
|
-
@property --tw-backdrop-contrast {
|
|
5934
|
-
syntax: "*";
|
|
5935
|
-
inherits: false
|
|
5936
|
-
}
|
|
5937
|
-
|
|
5938
|
-
@property --tw-backdrop-grayscale {
|
|
5939
|
-
syntax: "*";
|
|
5940
|
-
inherits: false
|
|
5941
|
-
}
|
|
5942
|
-
|
|
5943
|
-
@property --tw-backdrop-hue-rotate {
|
|
5944
|
-
syntax: "*";
|
|
5945
|
-
inherits: false
|
|
5946
|
-
}
|
|
5947
|
-
|
|
5948
|
-
@property --tw-backdrop-invert {
|
|
5949
|
-
syntax: "*";
|
|
5950
|
-
inherits: false
|
|
5951
|
-
}
|
|
5952
|
-
|
|
5953
|
-
@property --tw-backdrop-opacity {
|
|
5954
|
-
syntax: "*";
|
|
5955
|
-
inherits: false
|
|
5956
|
-
}
|
|
5957
|
-
|
|
5958
|
-
@property --tw-backdrop-saturate {
|
|
5959
|
-
syntax: "*";
|
|
5960
|
-
inherits: false
|
|
5961
|
-
}
|
|
5962
|
-
|
|
5963
|
-
@property --tw-backdrop-sepia {
|
|
5964
|
-
syntax: "*";
|
|
5965
|
-
inherits: false
|
|
5966
|
-
}
|
|
5967
|
-
|
|
5968
6068
|
@property --tw-duration {
|
|
5969
6069
|
syntax: "*";
|
|
5970
6070
|
inherits: false
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type Extension } from '@codemirror/state';
|
|
2
|
+
/**
|
|
3
|
+
* The cairn fold extension: the CodeMirror fold system with the pill placeholder, the chevron and
|
|
4
|
+
* wash affordance, the safety invariant, and the Ctrl+Shift+[ / ] keymap. Session-local and never
|
|
5
|
+
* persisted: the fold state lives in CodeMirror's foldState field, which this never serializes.
|
|
6
|
+
*/
|
|
7
|
+
export declare function cairnFolding(): Extension;
|