@stnd/styles 0.5.0 → 0.5.2
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 +6 -0
- package/LICENSE +21 -0
- package/README.md +114 -21
- package/TOKENS.md +20 -2
- package/_standard-00-reset.scss +46 -5
- package/_standard-00-variables.scss +25 -4
- package/_standard-01-token.scss +55 -22
- package/_standard-02-color.scss +23 -3
- package/_standard-03-typography.scss +19 -14
- package/_standard-04-grid.scss +25 -28
- package/_standard-05-rhythm.scss +21 -0
- package/_standard-06-prose.scss +14 -8
- package/_standard-07-base.scss +29 -9
- package/_standard-08-media.scss +14 -6
- package/_standard-09-lists.scss +16 -5
- package/_standard-10-tables.scss +8 -1
- package/_standard-11-forms.scss +14 -10
- package/_standard-12-code.scss +2 -1
- package/_standard-13-components.scss +7 -16
- package/_standard-14-analog.scss +10 -3
- package/_standard-30-contrast.scss +11 -0
- package/_standard-31-print.scss +9 -1
- package/_standard-32-eink.scss +15 -3
- package/_standard-50-utilities.scss +31 -36
- package/_standard-99-debug.scss +15 -11
- package/obsidian.scss +4 -3
- package/package.json +5 -5
- package/dist/obsidian.css +0 -31
- package/dist/obsidian.css.map +0 -1
- package/dist/standard.css +0 -20
- package/dist/standard.css.map +0 -1
|
@@ -91,14 +91,6 @@ a.btn {
|
|
|
91
91
|
/* Flatten shadow on press */
|
|
92
92
|
box-shadow: var(--shadow-inset), var(--shadow-ring);
|
|
93
93
|
}
|
|
94
|
-
|
|
95
|
-
/* Loop through the list to create .badge-outline, .badge-ghost, etc. */
|
|
96
|
-
@each $type in $types {
|
|
97
|
-
&.#{$type} {
|
|
98
|
-
@extend .btn;
|
|
99
|
-
@extend button;
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
94
|
}
|
|
103
95
|
|
|
104
96
|
:where(button):focus-visible,
|
|
@@ -285,13 +277,6 @@ a.btn:disabled {
|
|
|
285
277
|
text-decoration-color: oklch(from currentColor l c h / 0.5);
|
|
286
278
|
text-decoration-thickness: 0.112em;
|
|
287
279
|
}
|
|
288
|
-
|
|
289
|
-
/* Loop through the list to create .badge-outline, .badge-ghost, etc. */
|
|
290
|
-
@each $type in $types {
|
|
291
|
-
&.#{$type} {
|
|
292
|
-
@extend .badge;
|
|
293
|
-
}
|
|
294
|
-
}
|
|
295
280
|
}
|
|
296
281
|
|
|
297
282
|
a.badge:hover,
|
|
@@ -511,6 +496,9 @@ a.badge.secondary:hover,
|
|
|
511
496
|
background-color: var(--color-surface);
|
|
512
497
|
transition: all var(--transition);
|
|
513
498
|
border-radius: var(--radius);
|
|
499
|
+
/* --border currently resolves to `none` everywhere in this file
|
|
500
|
+
(card, card header/footer, .comment, .comment-content) — see the
|
|
501
|
+
AUDIT FLAG in _standard-02-color.scss. */
|
|
514
502
|
border: var(--border);
|
|
515
503
|
|
|
516
504
|
&.hero {
|
|
@@ -923,10 +911,13 @@ details .callout-fold {
|
|
|
923
911
|
* Actions within alerts (links, buttons) should be visually distinct but not
|
|
924
912
|
* overwhelming. This provides subtle styling that inherits the alert's color.
|
|
925
913
|
*/
|
|
914
|
+
/* Fixed 2026-07-14 — was an undefined token (--alert-border-color),
|
|
915
|
+
corrected to the real --color-alert, matching the docblock's stated
|
|
916
|
+
intent that this inherits the alert's color. */
|
|
926
917
|
.alert-action {
|
|
927
918
|
display: inline-block;
|
|
928
919
|
margin-inline-start: var(--space-d2);
|
|
929
|
-
color: var(--alert
|
|
920
|
+
color: var(--color-alert);
|
|
930
921
|
text-decoration: underline;
|
|
931
922
|
font-weight: var(--font-weight-bold);
|
|
932
923
|
|
package/_standard-14-analog.scss
CHANGED
|
@@ -3,8 +3,13 @@
|
|
|
3
3
|
#{$stnd-theme-scope} {
|
|
4
4
|
/*
|
|
5
5
|
This data URI is an SVG with a <feTurbulence> filter.
|
|
6
|
-
baseFrequency
|
|
7
|
-
|
|
6
|
+
baseFrequency controls the "roughness" (higher = finer grain) —
|
|
7
|
+
5 for --effect-noise (fine), 0.4 for --effect-grain (coarse).
|
|
8
|
+
AUDIT FLAG (2026-07-14): this comment previously said "baseFrequency=
|
|
9
|
+
'0.6'" and "opacity='0.05'" — neither matches either data URI below
|
|
10
|
+
(noise=5, grain=0.4; both rects have opacity=1, the CSS-level
|
|
11
|
+
--effect-opacity token below is what's actually 0.05/0.15). Corrected
|
|
12
|
+
to describe the real values.
|
|
8
13
|
*/
|
|
9
14
|
--effect-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='5' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E");
|
|
10
15
|
--effect-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.4' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E");
|
|
@@ -31,7 +36,9 @@ html::after,
|
|
|
31
36
|
content: "";
|
|
32
37
|
position: fixed;
|
|
33
38
|
inset: 0;
|
|
34
|
-
z-index
|
|
39
|
+
/* Top layer — same z-index as --z-image-zoom on purpose now, was a
|
|
40
|
+
hardcoded magic number that happened to match */
|
|
41
|
+
z-index: var(--z-image-zoom);
|
|
35
42
|
background-image: var(--effect-grain);
|
|
36
43
|
opacity: var(--effect-opacity);
|
|
37
44
|
mix-blend-mode: var(--effect-blend-mode);
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@use "standard-00-variables" as *;
|
|
2
|
+
|
|
1
3
|
/* ===== ACCESSIBILITY SUPPORT ===== */
|
|
2
4
|
/* High contrast mode support */
|
|
3
5
|
@media (prefers-contrast: high), (prefers-contrast: more) {
|
|
@@ -13,6 +15,10 @@
|
|
|
13
15
|
--shadow: 0 !important;
|
|
14
16
|
}
|
|
15
17
|
|
|
18
|
+
/* Fixed 2026-07-14 — was missing html::after (where the grain overlay
|
|
19
|
+
actually lives), added it so this rule now actually hides the
|
|
20
|
+
decorative texture for high-contrast users. */
|
|
21
|
+
html::after,
|
|
16
22
|
body::before,
|
|
17
23
|
body::after {
|
|
18
24
|
display: none;
|
|
@@ -35,6 +41,11 @@
|
|
|
35
41
|
scroll-behavior: auto !important;
|
|
36
42
|
}
|
|
37
43
|
|
|
44
|
+
/* Deliberate exception to the blanket transition:none above (wins via
|
|
45
|
+
higher specificity — .toast-progress beats the universal *). A toast's
|
|
46
|
+
countdown bar is functional motion (communicates time remaining), not
|
|
47
|
+
decorative, so it's exempted rather than disabled — just slowed to a
|
|
48
|
+
flat --toast-progress-duration instead of stopped outright. */
|
|
38
49
|
.toast-progress {
|
|
39
50
|
transition: width var(--toast-progress-duration)
|
|
40
51
|
var(--toast-progress-easing) !important;
|
package/_standard-31-print.scss
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@use "standard-00-variables" as *;
|
|
2
|
+
|
|
1
3
|
@media print {
|
|
2
4
|
#{$stnd-theme-scope} {
|
|
3
5
|
--color-foreground: black;
|
|
@@ -7,7 +9,13 @@
|
|
|
7
9
|
--optical-ratio: 1.125 !important;
|
|
8
10
|
--line-height: 1.4 !important;
|
|
9
11
|
|
|
10
|
-
|
|
12
|
+
/* Fixed 2026-07-14 — was setting the wrong, unread token
|
|
13
|
+
(--body-padding); now overrides the three real padding tokens
|
|
14
|
+
(--gap-body/--gap-header/--gap-footer) print mode was clearly
|
|
15
|
+
trying to reduce. */
|
|
16
|
+
--gap-body: var(--space-2);
|
|
17
|
+
--gap-header: var(--space-2);
|
|
18
|
+
--gap-footer: var(--space-2);
|
|
11
19
|
--line-width: var(--line-width-full);
|
|
12
20
|
--gap: 0;
|
|
13
21
|
--shadow: 0;
|
package/_standard-32-eink.scss
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
/* Fixed 2026-07-14 — added the missing @use for consistency with every
|
|
2
|
+
other file in the package. */
|
|
3
|
+
@use "standard-00-variables" as *;
|
|
4
|
+
|
|
1
5
|
@media screen and (update: slow), (monochrome) {
|
|
2
6
|
#{$stnd-theme-scope} {
|
|
3
7
|
/* Force absolute contrast */
|
|
@@ -7,6 +11,9 @@
|
|
|
7
11
|
--color-border: black !important;
|
|
8
12
|
}
|
|
9
13
|
|
|
14
|
+
/* Fixed 2026-07-14 — added html::after (where the grain overlay actually
|
|
15
|
+
lives), matching the same fix in _standard-30-contrast.scss. */
|
|
16
|
+
html::after,
|
|
10
17
|
body::before,
|
|
11
18
|
body::after {
|
|
12
19
|
display: none !important;
|
|
@@ -34,9 +41,12 @@
|
|
|
34
41
|
|
|
35
42
|
/* 3. Replace Shadows with Borders */
|
|
36
43
|
/* Shadows look like dirty smudges on e-ink */
|
|
44
|
+
/* Fixed 2026-07-14 — was .button/.image (not real classes anywhere), now
|
|
45
|
+
targets the framework's actual button/image selectors. */
|
|
37
46
|
.card,
|
|
38
|
-
|
|
39
|
-
.
|
|
47
|
+
:where(button),
|
|
48
|
+
a.btn,
|
|
49
|
+
img {
|
|
40
50
|
box-shadow: none !important;
|
|
41
51
|
border: 2px solid black !important;
|
|
42
52
|
}
|
|
@@ -62,11 +72,13 @@
|
|
|
62
72
|
}
|
|
63
73
|
|
|
64
74
|
/* Stop caret blinking */
|
|
75
|
+
/* Fixed 2026-07-14 — was an undefined token (--text-accent), corrected
|
|
76
|
+
to --color-accent. */
|
|
65
77
|
.cm-cursor {
|
|
66
78
|
animation-play-state: paused !important;
|
|
67
79
|
animation: none !important; /* disables blinking animation */
|
|
68
80
|
background-color: var(
|
|
69
|
-
--
|
|
81
|
+
--color-accent
|
|
70
82
|
) !important; /* optional: keeps caret visible */
|
|
71
83
|
}
|
|
72
84
|
|
|
@@ -42,6 +42,11 @@
|
|
|
42
42
|
"11": var(--space-11),
|
|
43
43
|
"12": var(--space-12),
|
|
44
44
|
"half": var(--space-d2),
|
|
45
|
+
/* Naming collision worth knowing: this "trim"/"leading" scale keys
|
|
46
|
+
(feeding .mt-trim, .p-leading, etc.) use --size-2xs/--size-xs (the
|
|
47
|
+
type scale) — NOT the real --trim/--leading rhythm tokens
|
|
48
|
+
(_standard-01-token.scss) that happen to share the same words.
|
|
49
|
+
A class like .mt-trim does not use --trim. */
|
|
45
50
|
"trim": var(--size-2xs),
|
|
46
51
|
"leading": var(--size-xs),
|
|
47
52
|
);
|
|
@@ -126,6 +131,10 @@
|
|
|
126
131
|
max-width: var(--wide) !important;
|
|
127
132
|
}
|
|
128
133
|
|
|
134
|
+
.max-w-line {
|
|
135
|
+
max-width: var(--line-width) !important;
|
|
136
|
+
}
|
|
137
|
+
|
|
129
138
|
/* ============================================================ */
|
|
130
139
|
/* HEIGHT */
|
|
131
140
|
/* ============================================================ */
|
|
@@ -518,8 +527,10 @@
|
|
|
518
527
|
max-width: var(--line-width-xs) !important;
|
|
519
528
|
}
|
|
520
529
|
|
|
530
|
+
/* Fixed 2026-07-14 — was --line-width-s/-l (undefined), corrected to the
|
|
531
|
+
real --line-width-sm/-lg (all 3 occurrences). */
|
|
521
532
|
.line-s {
|
|
522
|
-
max-width: var(--line-width-
|
|
533
|
+
max-width: var(--line-width-sm) !important;
|
|
523
534
|
}
|
|
524
535
|
|
|
525
536
|
.line {
|
|
@@ -527,7 +538,7 @@
|
|
|
527
538
|
}
|
|
528
539
|
|
|
529
540
|
.line-l {
|
|
530
|
-
max-width: var(--line-width-
|
|
541
|
+
max-width: var(--line-width-lg) !important;
|
|
531
542
|
}
|
|
532
543
|
|
|
533
544
|
.line-xl {
|
|
@@ -579,22 +590,18 @@
|
|
|
579
590
|
/* ============================================================ */
|
|
580
591
|
|
|
581
592
|
.success {
|
|
582
|
-
--color-msg: var(--color-success);
|
|
583
593
|
color: var(--color-success) !important;
|
|
584
594
|
}
|
|
585
595
|
|
|
586
596
|
.warning {
|
|
587
|
-
--color-msg: var(--color-warning);
|
|
588
597
|
color: var(--color-warning) !important;
|
|
589
598
|
}
|
|
590
599
|
|
|
591
600
|
.error {
|
|
592
|
-
--color-msg: var(--color-error);
|
|
593
601
|
color: var(--color-error) !important;
|
|
594
602
|
}
|
|
595
603
|
|
|
596
604
|
.info {
|
|
597
|
-
--color-msg: var(--color-info);
|
|
598
605
|
color: var(--color-info) !important;
|
|
599
606
|
}
|
|
600
607
|
|
|
@@ -626,12 +633,14 @@
|
|
|
626
633
|
color: var(--color-blue) !important;
|
|
627
634
|
}
|
|
628
635
|
|
|
636
|
+
/* Fixed 2026-07-14 — was --color-magenta for both (so .purple and .pink
|
|
637
|
+
rendered identically), now each uses its own real, distinct token. */
|
|
629
638
|
.purple {
|
|
630
|
-
color: var(--color-
|
|
639
|
+
color: var(--color-purple) !important;
|
|
631
640
|
}
|
|
632
641
|
|
|
633
642
|
.pink {
|
|
634
|
-
color: var(--color-
|
|
643
|
+
color: var(--color-pink) !important;
|
|
635
644
|
}
|
|
636
645
|
|
|
637
646
|
/* ============================================================ */
|
|
@@ -646,10 +655,6 @@
|
|
|
646
655
|
background-color: var(--color-surface) !important;
|
|
647
656
|
}
|
|
648
657
|
|
|
649
|
-
.bg-surface {
|
|
650
|
-
background-color: var(--color-surface) !important;
|
|
651
|
-
}
|
|
652
|
-
|
|
653
658
|
.bg-accent {
|
|
654
659
|
background-color: var(--color-accent) !important;
|
|
655
660
|
}
|
|
@@ -675,10 +680,6 @@
|
|
|
675
680
|
background-color: var(--color-surface-low) !important;
|
|
676
681
|
}
|
|
677
682
|
|
|
678
|
-
.bg-surface {
|
|
679
|
-
background-color: var(--color-surface) !important;
|
|
680
|
-
}
|
|
681
|
-
|
|
682
683
|
.bg-surface-high {
|
|
683
684
|
background-color: var(--color-surface-high) !important;
|
|
684
685
|
}
|
|
@@ -715,12 +716,14 @@
|
|
|
715
716
|
background-color: var(--color-blue) !important;
|
|
716
717
|
}
|
|
717
718
|
|
|
719
|
+
/* Fixed 2026-07-14 — was --color-magenta for both (so .purple and .pink
|
|
720
|
+
rendered identically), now each uses its own real, distinct token. */
|
|
718
721
|
.bg-purple {
|
|
719
|
-
background-color: var(--color-
|
|
722
|
+
background-color: var(--color-purple) !important;
|
|
720
723
|
}
|
|
721
724
|
|
|
722
725
|
.bg-pink {
|
|
723
|
-
background-color: var(--color-
|
|
726
|
+
background-color: var(--color-pink) !important;
|
|
724
727
|
}
|
|
725
728
|
|
|
726
729
|
/* ============================================================ */
|
|
@@ -795,6 +798,9 @@
|
|
|
795
798
|
border: 0 !important;
|
|
796
799
|
}
|
|
797
800
|
|
|
801
|
+
/* --border currently resolves to `none` — see the AUDIT FLAG in
|
|
802
|
+
_standard-02-color.scss. Affects .border/.border-accent/.border-t/-b/
|
|
803
|
+
-l/-r below too. */
|
|
798
804
|
.border {
|
|
799
805
|
border: var(--border) !important;
|
|
800
806
|
}
|
|
@@ -856,20 +862,15 @@
|
|
|
856
862
|
/* RHYTHM */
|
|
857
863
|
/* ============================================================ */
|
|
858
864
|
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
.rhythm-relaxed {
|
|
864
|
-
--base-gap: var(--space-2);
|
|
865
|
-
}
|
|
866
|
-
|
|
865
|
+
/* Fixed 2026-07-14 — was referencing undefined tokens, now uses the real
|
|
866
|
+
--gap token (this @supports block essentially never fires in 2026
|
|
867
|
+
given universal Grid support, but at least it's valid now). */
|
|
867
868
|
@supports not (display: grid) {
|
|
868
869
|
.rhythm {
|
|
869
870
|
display: block;
|
|
870
871
|
|
|
871
872
|
> * {
|
|
872
|
-
margin-block-end:
|
|
873
|
+
margin-block-end: var(--gap);
|
|
873
874
|
}
|
|
874
875
|
|
|
875
876
|
> :last-child {
|
|
@@ -900,18 +901,10 @@
|
|
|
900
901
|
|
|
901
902
|
.columns-auto {
|
|
902
903
|
columns: auto;
|
|
903
|
-
column-width: var(--line-width-
|
|
904
|
+
column-width: var(--line-width-sm);
|
|
904
905
|
column-gap: var(--space);
|
|
905
906
|
}
|
|
906
907
|
|
|
907
|
-
[class|="columns"].compact {
|
|
908
|
-
column-gap: var(--leading);
|
|
909
|
-
}
|
|
910
|
-
|
|
911
|
-
[class|="columns"].relaxed {
|
|
912
|
-
column-gap: var(--space-2);
|
|
913
|
-
}
|
|
914
|
-
|
|
915
908
|
.columns-gap-compact {
|
|
916
909
|
column-gap: var(--leading);
|
|
917
910
|
}
|
|
@@ -925,6 +918,8 @@
|
|
|
925
918
|
page-break-inside: avoid;
|
|
926
919
|
}
|
|
927
920
|
|
|
921
|
+
/* --border currently resolves to `none` — see the AUDIT FLAG in
|
|
922
|
+
_standard-02-color.scss. */
|
|
928
923
|
.columns-rule {
|
|
929
924
|
column-rule: var(--border);
|
|
930
925
|
}
|
package/_standard-99-debug.scss
CHANGED
|
@@ -280,6 +280,9 @@ html.stnd-debug .rhythm > * + *::after {
|
|
|
280
280
|
}
|
|
281
281
|
}
|
|
282
282
|
|
|
283
|
+
/* Fixed 2026-07-14 — --gap-grid (undefined) now uses the real --gap token;
|
|
284
|
+
--z-tooltip (undefined) now hardcoded to 10000, matching this file's own
|
|
285
|
+
baseline-grid overlay z-index for consistency. */
|
|
283
286
|
/* Grid item debugging */
|
|
284
287
|
/* Grid Column Overlay (only for .grid inside debug) */
|
|
285
288
|
.stnd-debug .grid,
|
|
@@ -316,25 +319,25 @@ html.stnd-debug .rhythm > * + *::after {
|
|
|
316
319
|
font-family: var(--font-monospace);
|
|
317
320
|
display: grid;
|
|
318
321
|
grid-template-columns: repeat(var(--grid-cols), 1fr);
|
|
319
|
-
column-gap: var(--gap
|
|
322
|
+
column-gap: var(--gap);
|
|
320
323
|
pointer-events: none;
|
|
321
|
-
z-index:
|
|
324
|
+
z-index: 10000;
|
|
322
325
|
opacity: var(--debug-opacity);
|
|
323
326
|
background-image: repeating-linear-gradient(
|
|
324
327
|
to right,
|
|
325
328
|
color-mix(in srgb, var(--debug-color) 10%, transparent) 0,
|
|
326
329
|
color-mix(in srgb, var(--debug-color) 10%, transparent)
|
|
327
330
|
calc(
|
|
328
|
-
(100% - (var(--gap
|
|
331
|
+
(100% - (var(--gap) * (var(--grid-cols) - 1))) / var(--grid-cols)
|
|
329
332
|
),
|
|
330
333
|
transparent
|
|
331
334
|
calc(
|
|
332
|
-
(100% - (var(--gap
|
|
335
|
+
(100% - (var(--gap) * (var(--grid-cols) - 1))) / var(--grid-cols)
|
|
333
336
|
),
|
|
334
337
|
transparent
|
|
335
338
|
calc(
|
|
336
|
-
(100% - (var(--gap
|
|
337
|
-
var(--gap
|
|
339
|
+
(100% - (var(--gap) * (var(--grid-cols) - 1))) / var(--grid-cols) +
|
|
340
|
+
var(--gap)
|
|
338
341
|
)
|
|
339
342
|
);
|
|
340
343
|
}
|
|
@@ -419,7 +422,7 @@ html.stnd-debug .rhythm > * + *::after {
|
|
|
419
422
|
font-family: var(--font-monospace);
|
|
420
423
|
pointer-events: none;
|
|
421
424
|
opacity: var(--debug-opacity);
|
|
422
|
-
z-index:
|
|
425
|
+
z-index: 10000;
|
|
423
426
|
white-space: nowrap;
|
|
424
427
|
max-width: 90%;
|
|
425
428
|
overflow: hidden;
|
|
@@ -440,7 +443,7 @@ html.stnd-debug .rhythm > * + *::after {
|
|
|
440
443
|
border-radius: var(--radius);
|
|
441
444
|
pointer-events: none;
|
|
442
445
|
opacity: var(--debug-opacity);
|
|
443
|
-
z-index:
|
|
446
|
+
z-index: 10000;
|
|
444
447
|
white-space: nowrap;
|
|
445
448
|
}
|
|
446
449
|
|
|
@@ -462,13 +465,14 @@ html.stnd-debug .rhythm > * + *::after {
|
|
|
462
465
|
}
|
|
463
466
|
}
|
|
464
467
|
|
|
465
|
-
/* Print debug styles
|
|
468
|
+
/* Print debug styles.
|
|
469
|
+
Note: `.stnd-debug .prose::after` doesn't currently match anything in
|
|
470
|
+
this file — documentation-only, not fixed here. */
|
|
466
471
|
@media print {
|
|
467
472
|
.stnd-debug::before,
|
|
468
473
|
.stnd-debug::after,
|
|
469
474
|
.stnd-debug .grid::after,
|
|
470
|
-
.stnd-debug .prose::after
|
|
471
|
-
body.stnd-debug::before {
|
|
475
|
+
.stnd-debug .prose::after {
|
|
472
476
|
display: none !important;
|
|
473
477
|
}
|
|
474
478
|
}
|
package/obsidian.scss
CHANGED
|
@@ -2,8 +2,10 @@
|
|
|
2
2
|
* Standard Design — Obsidian Theme Core
|
|
3
3
|
*
|
|
4
4
|
* This entry point is specifically for the Obsidian plugin.
|
|
5
|
-
* It ONLY includes the core CSS variables (tokens, colors)
|
|
6
|
-
*
|
|
5
|
+
* It ONLY includes the core CSS variables (tokens, colors) scoped to
|
|
6
|
+
* body.stnd-theme (not :root — Obsidian's window is shared with other
|
|
7
|
+
* themes/plugins, so tokens are namespaced rather than declared globally),
|
|
8
|
+
* without including any of the global element resets (*, html, body)
|
|
7
9
|
* or layout/typography element selectors that would destroy Obsidian's UI.
|
|
8
10
|
*
|
|
9
11
|
* @license MIT
|
|
@@ -11,7 +13,6 @@
|
|
|
11
13
|
*/
|
|
12
14
|
|
|
13
15
|
@use "standard-00-variables" as * with (
|
|
14
|
-
$stnd-scope: "body.stnd-theme",
|
|
15
16
|
$stnd-theme-scope: "body.stnd-theme"
|
|
16
17
|
);
|
|
17
18
|
@use "standard-01-token";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stnd/styles",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"author": "Francis Fontaine",
|
|
6
6
|
"license": "MIT",
|
|
@@ -34,13 +34,13 @@
|
|
|
34
34
|
"publishConfig": {
|
|
35
35
|
"access": "public"
|
|
36
36
|
},
|
|
37
|
-
"scripts": {
|
|
38
|
-
"build": "sass standard.scss dist/standard.css --style compressed && sass obsidian.scss dist/obsidian.css --style compressed"
|
|
39
|
-
},
|
|
40
37
|
"dependencies": {
|
|
41
38
|
"wrangler": "^4.105.0"
|
|
42
39
|
},
|
|
43
40
|
"devDependencies": {
|
|
44
41
|
"sass": "^1.70.0"
|
|
42
|
+
},
|
|
43
|
+
"scripts": {
|
|
44
|
+
"build": "sass standard.scss dist/standard.css --style compressed && sass obsidian.scss dist/obsidian.css --style compressed"
|
|
45
45
|
}
|
|
46
|
-
}
|
|
46
|
+
}
|
package/dist/obsidian.css
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Standard Design — Obsidian Theme Core
|
|
3
|
-
*
|
|
4
|
-
* This entry point is specifically for the Obsidian plugin.
|
|
5
|
-
* It ONLY includes the core CSS variables (tokens, colors) inside :root,
|
|
6
|
-
* without including any of the global element resets (*, html, body)
|
|
7
|
-
* or layout/typography element selectors that would destroy Obsidian's UI.
|
|
8
|
-
*
|
|
9
|
-
* @license MIT
|
|
10
|
-
* @package @stnd/styles
|
|
11
|
-
*//*!
|
|
12
|
-
* Standard Design — Obsidian Theme Core
|
|
13
|
-
*
|
|
14
|
-
* This entry point is specifically for the Obsidian plugin.
|
|
15
|
-
* It ONLY includes the core CSS variables (tokens, colors) inside :root,
|
|
16
|
-
* without including any of the global element resets (*, html, body)
|
|
17
|
-
* or layout/typography element selectors that would destroy Obsidian's UI.
|
|
18
|
-
*
|
|
19
|
-
* @license MIT
|
|
20
|
-
* @package @stnd/styles
|
|
21
|
-
*/:root{--color-light-background: white;--color-light-foreground: #262626;--tooltip-background: #1a1a1a;--tooltip-text: #ffffff;--font-size: 1rem;--optical-ratio: var(--ratio-silver);--line-height: var(--optical-ratio);--baseline: 1rlh;--trim: calc(var(--leading) / 2);--leading: calc((var(--line-height) - 1) * var(--font-size));--nl: calc(var(--leading) * var(--line-height));--gap: var(--space);--gap-body: var(--space-2);--gap-header: var(--space-8);--gap-footer: calc(var(--gap-body) * 1.5);--gap-grid-img: var(--space-d4);--gap-multiplicator: 2;--breakpoint-mobile: 600px;--breakpoint-sm: 768px;--breakpoint-lg: 1024px;--breakpoint-wide: 1440px;--content-width: min(var(--line-width), 100%);--content-width-sm: max(calc(var(--space-2) - var(--space)), var(--space));--content-width-editorial: minmax(0, var(--space-2));--content-width-feature: minmax(0, var(--space-4));--content-width-hero: minmax(0, 1fr);--filter-blur: blur(8px);--filter-glass: blur(20px);--stroke-width: max(1px, 0.06rem);--stroke-width-lg: calc(var(--stroke-width) * 2);--radius: var(--corner, var(--leading));--radius-sm: min(8px, var(--radius));--ratio-golden: 1.618;--ratio-silver: 1.414;--ratio-halfstep: 1.272;--ratio-quarterstep: 1.128;--ratio-eighthstep: 1.062;--line-width-xs: 24rem;--line-width-sm: 32rem;--line-width-md: 42rem;--line-width-lg: 50rem;--line-width-xl: 60rem;--line-width-full: calc(100vw - (var(--space) * 2));--line-width: var(--measure, var(--line-width-md));--line-height-compact: calc(1 + (var(--line-height) - 1) / 2);--line-height-relaxed: calc(1 + (var(--line-height) - 1) * 1.5);--max-width: 900px;--body-max-width: var(--max-width);--prose-max-width: var(--max-width);--tracking-tight: -0.01em;--tracking-neutral: 0em;--tracking-open: 0.01em;--space: var(--baseline);--space-half: calc(var(--baseline)/2);--space-d1: calc(var(--space) / 1);--space-1: calc(var(--space) * 1);--space-d2: calc(var(--space) / 2);--space-2: calc(var(--space) * 2);--space-d3: calc(var(--space) / 3);--space-3: calc(var(--space) * 3);--space-d4: calc(var(--space) / 4);--space-4: calc(var(--space) * 4);--space-d5: calc(var(--space) / 5);--space-5: calc(var(--space) * 5);--space-d6: calc(var(--space) / 6);--space-6: calc(var(--space) * 6);--space-d7: calc(var(--space) / 7);--space-7: calc(var(--space) * 7);--space-d8: calc(var(--space) / 8);--space-8: calc(var(--space) * 8);--space-d9: calc(var(--space) / 9);--space-9: calc(var(--space) * 9);--space-d10: calc(var(--space) / 10);--space-10: calc(var(--space) * 10);--space-d11: calc(var(--space) / 11);--space-11: calc(var(--space) * 11);--space-d12: calc(var(--space) / 12);--space-12: calc(var(--space) * 12);--scale-d5: max(calc(var(--font-size) / (var(--optical-ratio) * var(--optical-ratio))), 11px);--scale-d4: max( calc(var(--font-size) / (var(--optical-ratio) * 1.25)), 11px );--scale-d3: max(calc(var(--font-size) / var(--optical-ratio)), 11px);--scale-d2: max( calc(var(--font-size) / (1 + (var(--optical-ratio) - 1) * 0.5)), 11px );--scale: var(--font-size);--scale-2: calc(var(--font-size) * var(--optical-ratio));--scale-3: calc(var(--scale-2) * var(--optical-ratio));--scale-4: calc(var(--scale-3) * var(--optical-ratio));--scale-5: calc(var(--scale-4) * var(--optical-ratio));--scale-6: calc(var(--scale-5) * var(--optical-ratio));--scale-7: calc(var(--scale-6) * var(--optical-ratio));--scale-8: calc(var(--scale-7) * var(--optical-ratio));--size-3xs: var(--scale-d5);--size-2xs: var(--scale-d4);--size-xs: var(--scale-d3);--size-sm: var(--scale-d2);--size-base: var(--scale);--size-lg: var(--scale-2);--size-xl: var(--scale-3);--size-2xl: var(--scale-4);--size-3xl: var(--scale-5);--size-4xl: var(--scale-6);--size-5xl: var(--scale-7);--size-6xl: var(--scale-8);--font-size-mobile: 1.125rem;--gap-body-mobile: var(--space);--gap-mobile: var(--space);--gap-header-mobile: var(--space-4);--z-base: 1;--z-dropdown: 1100;--z-modal: 1200;--z-toast: 2000;--z-header: 900;--z-launher: 1000;--z-image-zoom: 9999;--ease-snappy: cubic-bezier(0.2, 0, 0, 1);--ease-standard: cubic-bezier(0.4, 0, 0.2, 1);--ease-soft: cubic-bezier(0.16, 1, 0.3, 1);--ease-emphasis: cubic-bezier(0.34, 1.56, 0.64, 1);--ease-aggressive: cubic-bezier(0.7, 0, 0.3, 1);--ease-stnd: cubic-bezier(0, 0.3, 0, 1);--ease-stnd-heavy: cubic-bezier(0.5, 0, 0, 1);--ease-invisibolt: cubic-bezier(1, 0, 0, 1);--ease-friction: cubic-bezier(0.22, 1, 0.36, 1);--duration-instant: 100ms;--duration-fast: 350ms;--duration-standard: 500ms;--duration-slow: 1000ms;--transition-fast: 0.5s var(--ease-friction);--transition: 1s var(--ease-friction);--transition-slow: 2s var(--ease-friction);--ease-shape-snappy: cubic-bezier(0.2, 0, 0, 1);--ease-shape-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);--ease-shape-soft: cubic-bezier(0.16, 1, 0.3, 1);--ease-interaction: var(--duration-fast) var(--ease-shape-snappy);--ease-feedback: var(--duration-standard) var(--ease-shape-bounce);--ease-surface: var(--duration-slow) var(--ease-shape-soft);--ease-enter: var(--duration-fast) ease-out;--ease-exit: var(--duration-standard) ease-in}a,kbd,div,span,mark,callout-title::before,span,li::before,button,legend,fieldset,label,li,h1,h2,h3,h4,h5,h6,p:not(:has(img)),figcaption,dt,dd,label,td,th,.callout,code,.lined,aside,a{text-box-trim:trim-both;text-box-edge:cap alphabetic}@media only screen and (max-width: 768px){:root{--gap-body: var(--gap-body-mobile) !important;--gap-header: var(--gap-header-mobile) !important;--gap: var(--gap-mobile) !important;--font-size: var(--font-size-mobile) !important}}:root{--ease-aggressive: cubic-bezier(0.7, 0, 0.3, 1)}::view-transition-old(root),::view-transition-new(root){animation-duration:500ms;animation-timing-function:var(--ease-friction)}::view-transition-old(root){animation-name:fade-out}::view-transition-new(root){animation-name:fade-in}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{from{opacity:0}}/*!
|
|
22
|
-
* Standard Design — Obsidian Theme Core
|
|
23
|
-
*
|
|
24
|
-
* This entry point is specifically for the Obsidian plugin.
|
|
25
|
-
* It ONLY includes the core CSS variables (tokens, colors) inside :root,
|
|
26
|
-
* without including any of the global element resets (*, html, body)
|
|
27
|
-
* or layout/typography element selectors that would destroy Obsidian's UI.
|
|
28
|
-
*
|
|
29
|
-
* @license MIT
|
|
30
|
-
* @package @stnd/styles
|
|
31
|
-
*/:root{color-scheme:light dark;--color-dark-background: oklch( from var(--color-light-foreground) 0.2 /* deep dark — not void-black, just dark enough */ min(c, 0.02) /* muted — a whisper of the ink's chroma */ h /* same hue — warm ink → warm dark */ );--color-dark-foreground: oklch( from var(--color-light-foreground) 0.85 /* soft — easy on the eyes, not blinding white */ min(c, 0.04) /* gentle — enough color to feel the warmth */ h /* same hue — the vibe persists */ );--color-light-red: oklch( from var(--color-light-foreground) clamp(0.65, l, 0.7) max(0.12, c) calc(h + 25) );--color-light-orange: oklch( from var(--color-light-foreground) clamp(0.65, l, 0.7) max(0.12, c) calc(h + 55) );--color-light-yellow: oklch( from var(--color-light-foreground) clamp(0.65, l, 0.7) max(0.12, c) calc(h + 85) );--color-light-green: oklch( from var(--color-light-foreground) clamp(0.65, l, 0.7) max(0.12, c) calc(h + 145) );--color-light-cyan: oklch( from var(--color-light-foreground) clamp(0.65, l, 0.7) max(0.12, c) calc(h + 190) );--color-light-blue: oklch( from var(--color-light-foreground) clamp(0.65, l, 0.7) max(0.12, c) calc(h + 240) );--color-light-magenta: oklch( from var(--color-light-foreground) clamp(0.65, l, 0.7) max(0.12, c) calc(h + 300) );--color-light-purple: oklch( from var(--color-light-foreground) clamp(0.65, l, 0.7) max(0.12, c) calc(h + 270) );--color-light-pink: oklch( from var(--color-light-foreground) clamp(0.65, l, 0.7) max(0.12, c) calc(h + 350) );--color-light-brown: oklch( from var(--color-light-foreground) clamp(0.65, l, 0.7) max(0.12, c) calc(h - 15) );--color-light-link: var(--color-light-accent);--color-light-accent-complementary: oklch( from var(--color-light-foreground) calc(l + (0.65 - l) * min(1, c * 10)) min(0.2, c * 2) calc(h + 180) );--color-light-accent-analogous: oklch( from var(--color-light-foreground) calc(l + (0.65 - l) * min(1, c * 10)) min(0.2, c * 2) calc(h + 30) );--color-light-accent-triadic: oklch( from var(--color-light-foreground) calc(l + (0.65 - l) * min(1, c * 10)) min(0.2, c * 2) calc(h + 120) );--color-light-accent-auto: var(--color-light-accent-triadic);--color-light-accent: var(--color-light-accent-auto);--color-dark-red: oklch( from var(--color-dark-foreground) clamp(0.55, l, 0.7) max(0.12, c) calc(h + 25) );--color-dark-orange: oklch( from var(--color-dark-foreground) clamp(0.55, l, 0.7) max(0.12, c) calc(h + 55) );--color-dark-yellow: oklch( from var(--color-dark-foreground) clamp(0.55, l, 0.7) max(0.12, c) calc(h + 85) );--color-dark-green: oklch( from var(--color-dark-foreground) clamp(0.55, l, 0.7) max(0.12, c) calc(h + 145) );--color-dark-cyan: oklch( from var(--color-dark-foreground) clamp(0.55, l, 0.7) max(0.12, c) calc(h + 190) );--color-dark-blue: oklch( from var(--color-dark-foreground) clamp(0.55, l, 0.7) max(0.12, c) calc(h + 240) );--color-dark-magenta: oklch( from var(--color-dark-foreground) clamp(0.55, l, 0.7) max(0.12, c) calc(h + 300) );--color-dark-purple: oklch( from var(--color-dark-foreground) clamp(0.55, l, 0.7) max(0.12, c) calc(h + 270) );--color-dark-pink: oklch( from var(--color-dark-foreground) clamp(0.55, l, 0.7) max(0.12, c) calc(h + 350) );--color-dark-brown: oklch( from var(--color-dark-foreground) clamp(0.55, l, 0.7) max(0.12, c) calc(h - 15) );--color-dark-link: var(--color-dark-accent);--color-dark-accent-complementary: oklch( from var(--color-dark-foreground) calc(l + (0.7 - l) * min(1, c * 10)) min(0.2, c * 2) calc(h + 180) );--color-dark-accent-analogous: oklch( from var(--color-dark-foreground) calc(l + (0.7 - l) * min(1, c * 10)) min(0.2, c * 2) calc(h + 30) );--color-dark-accent-triadic: oklch( from var(--color-dark-foreground) calc(l + (0.7 - l) * min(1, c * 10)) min(0.2, c * 2) calc(h + 120) );--color-dark-accent-auto: var(--color-dark-accent-triadic);--color-dark-accent: var(--color-dark-accent-auto);--color-dark-on-accent: var(--color-dark-background);--color-light-muted: oklch(from var(--color-light-foreground) l c h / 0.6);--color-light-subtle: oklch(from var(--color-light-foreground) l c h / 0.4);--color-light-border: oklch(from var(--color-light-foreground) l c h / 0.1);--color-light-surface: color-mix( in srgb, var(--color-light-foreground) 3%, var(--color-light-background) );--color-light-on-accent: var(--color-light-background);--color-dark-muted: oklch(from var(--color-dark-foreground) l c h / 0.65);--color-dark-subtle: oklch(from var(--color-dark-foreground) l c h / 0.45);--color-dark-border: oklch( from var(--color-dark-background) calc(l * 0.25) calc(c * 0.5) calc(h - 15) / 0.25 );--color-dark-surface: color-mix( in srgb, var(--color-dark-foreground) 3%, var(--color-dark-background) );--color-light-shadow-base: oklch( from var(--color-light-foreground) calc(l * 0.25) calc(c * 0.5) calc(h - 15) / 0.075 );--color-light-highlight: oklch( from var(--color-light-background) min(1, calc(l + 0.05)) c h / 0.6 );--color-dark-shadow-base: oklch( from var(--color-dark-background) calc(l * 0.25) calc(c * 0.5) calc(h - 15) / 0.5 );--color-dark-highlight: oklch( from var(--color-dark-foreground) min(1, calc(l + 0.05)) c h / 0.11 );--color-background: var(--color-light-background);--color-foreground: var(--color-light-foreground);--color-accent: var(--color-light-accent);--color-header: var(--color-light-header, var(--color-foreground));--color-red: var(--color-light-red);--color-orange: var(--color-light-orange);--color-yellow: var(--color-light-yellow);--color-green: var(--color-light-green);--color-cyan: var(--color-light-cyan);--color-blue: var(--color-light-blue);--color-magenta: var(--color-light-magenta);--color-purple: var(--color-light-purple);--color-pink: var(--color-light-pink);--color-brown: var(--color-light-brown);--color-success: var(--color-green);--color-warning: var(--color-orange);--color-error: var(--color-red);--color-info: var(--color-blue);--color-link: var(--color-light-link);--color-italic: var(--color-light-italic, var(--color-foreground));--color-bold: var(--color-light-bold, var(--color-foreground));--color-on-accent: var(--color-background);--color-muted: var(--color-light-muted);--color-subtle: var(--color-light-subtle);--color-border: var(--color-light-border);--color-surface: var(--color-light-surface);--color-light: var(--color-light-background);--color-dark: var(--color-light-foreground);--color-darker: oklch(from var(--color-dark) l c h / 0.15);--color-glass: oklch(from var(--color-background) l c h / 0.8);--color-shadow: var(--color-light-shadow-base);--color-highlight: var(--color-light-highlight);--shadow-ambient: 0 1px 1px var(--color-shadow);--shadow-lift: 0 4px 6px -1px var(--color-shadow), 0 2px 4px -2px var(--color-shadow);--shadow-glow: 0 4px var(--space) oklch(from var(--color-shadow) l c h / 0.15);--shadow-inset: inset 0 1px 3px var(--color-shadow), inset 0 -1px 0 0 var(--color-highlight);--shadow-ring: inset 0px 1px 1px var(--color-border), inset 1px 0px 1px var(--color-border), inset -1px 0px 1px var(--color-border), inset 0px -1px 1px var(--color-border);--shadow-raised: inset 0 1px 0 0 var(--color-highlight), 0 0 0 1px var(--color-border), var(--shadow-ambient);--shadow: var(--shadow-ambient), var(--shadow-ambient);--shadow-lg: var(--shadow-ambient), var(--shadow-lift);--shadow-xl: var(--shadow-ambient), var(--shadow-lift), var(--shadow-glow);--color-surface-low: color-mix( in srgb, var(--color-foreground) 3%, var(--color-surface) );--color-surface-lowest: color-mix( in srgb, var(--color-foreground) 3%, var(--color-surface-low) );--color-surface-lower: color-mix( in srgb, var(--color-foreground) 3%, transparent );--color-surface-high: color-mix(in srgb, white 50%, var(--color-surface));--color-surface-highest: color-mix( in srgb, white 50%, var(--color-surface-high) );--color-surface-higher: color-mix(in srgb, white 50%, transparent);--border: 0 solid transparent;--border-transparent: var(--stroke-width) solid transparent;--border-accent: var(--stroke-width) solid oklch(from var(--color-accent) l c h / 0.07);--border: none}@media(prefers-color-scheme: dark){:root{--color-background: var(--color-dark-background);--color-foreground: var(--color-dark-foreground);--color-accent: var(--color-dark-accent);--color-light: var(--color-dark-foreground);--color-dark: var(--color-dark-background);--color-header: var(--color-dark-header, var(--color-foreground));--color-on-accent: var(--color-background);--color-red: var(--color-dark-red);--color-orange: var(--color-dark-orange);--color-yellow: var(--color-dark-yellow);--color-green: var(--color-dark-green);--color-cyan: var(--color-dark-cyan);--color-blue: var(--color-dark-blue);--color-magenta: var(--color-dark-magenta);--color-link: var(--color-dark-link);--color-italic: var(--color-dark-italic, var(--color-foreground));--color-bold: var(--color-dark-bold, var(--color-foreground));--color-subtle: var(--color-dark-subtle);--color-muted: var(--color-dark-muted);--color-border: var(--color-dark-border);--color-surface: var(--color-dark-surface);--color-shadow: var(--color-dark-shadow-base);--color-highlight: var(--color-dark-highlight);--shadow-xl: var(--shadow-glow);--color-surface-low: color-mix(in srgb, black 3%, var(--color-surface));--color-surface-lowest: color-mix( in srgb, black 7%, var(--color-surface-low) );--color-surface-lower: color-mix(in srgb, black 7%, transparent);--color-surface-high: color-mix( in srgb, var(--color-dark-foreground) 3%, var(--color-surface) );--color-surface-highest: color-mix( in srgb, var(--color-dark-foreground) 3%, var(--color-surface-high) );--color-surface-higher: color-mix( in srgb, var(--color-dark-foreground) 3%, transparent )}}.theme-light{--color-background: var(--color-light-background);--color-foreground: var(--color-light-foreground);--color-accent: var(--color-light-accent);--color-muted: var(--color-light-muted);--color-subtle: var(--color-light-subtle);--color-border: var(--color-light-border);--color-surface: var(--color-light-surface);--color-shadow: var(--color-light-shadow-base);--color-highlight: var(--color-light-highlight);--color-light: var(--color-light-background);--color-dark: var(--color-light-foreground);color-scheme:light}.theme-dark{--color-background: var(--color-dark-background);--color-foreground: var(--color-dark-foreground);--color-accent: var(--color-dark-accent);--color-muted: var(--color-dark-muted);--color-subtle: var(--color-dark-subtle);--color-border: var(--color-dark-border);--color-surface: var(--color-dark-surface);--color-shadow: var(--color-dark-shadow-base);--color-highlight: var(--color-dark-highlight);--color-light: var(--color-dark-foreground);--color-dark: var(--color-dark-background);color-scheme:dark}[data-theme]{--color-background: var(--color-light-background);--color-foreground: var(--color-light-foreground);--color-accent: var(--color-light-accent);--color-muted: var(--color-light-muted);--color-subtle: var(--color-light-subtle);--color-border: var(--color-light-border);--color-surface: var(--color-light-surface);--color-shadow: var(--color-light-shadow-base);--color-highlight: var(--color-light-highlight);--color-light: var(--color-light-background);--color-dark: var(--color-light-foreground);color-scheme:light;--color-header: var(--color-light-header, var(--color-foreground));--color-red: var(--color-light-red);--color-orange: var(--color-light-orange);--color-yellow: var(--color-light-yellow);--color-green: var(--color-light-green);--color-cyan: var(--color-light-cyan);--color-blue: var(--color-light-blue);--color-magenta: var(--color-light-magenta);--color-purple: var(--color-light-purple);--color-pink: var(--color-light-pink);--color-brown: var(--color-light-brown);--color-link: var(--color-light-link);--color-italic: var(--color-light-italic, var(--color-foreground));--color-bold: var(--color-light-bold, var(--color-foreground))}@media(prefers-color-scheme: dark){[data-theme]:not([data-color-mode=light]){--color-background: var(--color-dark-background);--color-foreground: var(--color-dark-foreground);--color-accent: var(--color-dark-accent);--color-muted: var(--color-dark-muted);--color-subtle: var(--color-dark-subtle);--color-border: var(--color-dark-border);--color-surface: var(--color-dark-surface);--color-shadow: var(--color-dark-shadow-base);--color-highlight: var(--color-dark-highlight);--color-light: var(--color-dark-foreground);--color-dark: var(--color-dark-background);color-scheme:dark;--color-header: var(--color-dark-header, var(--color-foreground));--color-red: var(--color-dark-red);--color-orange: var(--color-dark-orange);--color-yellow: var(--color-dark-yellow);--color-green: var(--color-dark-green);--color-cyan: var(--color-dark-cyan);--color-blue: var(--color-dark-blue);--color-magenta: var(--color-dark-magenta);--color-link: var(--color-dark-link);--color-italic: var(--color-dark-italic, var(--color-foreground));--color-bold: var(--color-dark-bold, var(--color-foreground))}}[data-color-mode=dark] [data-theme],[data-color-mode=dark][data-theme]{--color-background: var(--color-dark-background);--color-foreground: var(--color-dark-foreground);--color-accent: var(--color-dark-accent);--color-muted: var(--color-dark-muted);--color-subtle: var(--color-dark-subtle);--color-border: var(--color-dark-border);--color-surface: var(--color-dark-surface);--color-shadow: var(--color-dark-shadow-base);--color-highlight: var(--color-dark-highlight);--color-light: var(--color-dark-foreground);--color-dark: var(--color-dark-background);color-scheme:dark;--color-header: var(--color-dark-header, var(--color-foreground));--color-red: var(--color-dark-red);--color-orange: var(--color-dark-orange);--color-yellow: var(--color-dark-yellow);--color-green: var(--color-dark-green);--color-cyan: var(--color-dark-cyan);--color-blue: var(--color-dark-blue);--color-magenta: var(--color-dark-magenta);--color-link: var(--color-dark-link);--color-italic: var(--color-dark-italic, var(--color-foreground));--color-bold: var(--color-dark-bold, var(--color-foreground))}[data-color-mode=light] [data-theme],[data-color-mode=light][data-theme]{--color-background: var(--color-light-background);--color-foreground: var(--color-light-foreground);--color-accent: var(--color-light-accent);--color-muted: var(--color-light-muted);--color-subtle: var(--color-light-subtle);--color-border: var(--color-light-border);--color-surface: var(--color-light-surface);--color-shadow: var(--color-light-shadow-base);--color-highlight: var(--color-light-highlight);--color-light: var(--color-light-background);--color-dark: var(--color-light-foreground);color-scheme:light;--color-header: var(--color-light-header, var(--color-foreground));--color-red: var(--color-light-red);--color-orange: var(--color-light-orange);--color-yellow: var(--color-light-yellow);--color-green: var(--color-light-green);--color-cyan: var(--color-light-cyan);--color-blue: var(--color-light-blue);--color-magenta: var(--color-light-magenta);--color-link: var(--color-light-link);--color-italic: var(--color-light-italic, var(--color-foreground));--color-bold: var(--color-light-bold, var(--color-foreground))}@supports not (color: oklch(50% 0.2 180deg)){:root{--color-dark-background: #232323;--color-dark-foreground: #d0d0d0;--color-light-red: #c44040;--color-light-orange: #b87020;--color-light-yellow: #9a8520;--color-light-green: #3a8a50;--color-light-cyan: #2a8a8a;--color-light-blue: #3a60b0;--color-light-magenta: #9040a0;--color-light-accent: #2a8a8a;--color-dark-red: #e06060;--color-dark-orange: #d09040;--color-dark-yellow: #c0a840;--color-dark-green: #60b070;--color-dark-cyan: #50b0b0;--color-dark-blue: #6080d0;--color-dark-magenta: #b060c0;--color-dark-accent: #50b0b0;--color-muted: rgba(0, 0, 0, 0.6);--color-subtle: rgba(0, 0, 0, 0.4);--color-border: rgba(0, 0, 0, 0.1);--color-surface: rgba(0, 0, 0, 0.03);--color-shadow: rgba(0, 0, 0, 0.25);--color-highlight: rgba(255, 255, 255, 0.6)}}@media(forced-colors: active){:root{--color-background: Canvas;--color-foreground: CanvasText;--color-accent: Highlight;--color-border: CanvasText;--color-muted: GrayText}}.inverse{--color-background: var(--color-dark-background);--color-foreground: var(--color-dark-foreground);--color-accent: var(--color-dark-accent);--color-muted: var(--color-dark-muted);--color-subtle: var(--color-dark-subtle);--color-border: var(--color-dark-border);--color-surface: var(--color-dark-surface);--color-shadow: var(--color-dark-shadow-base);--color-highlight: var(--color-dark-highlight);--color-light: var(--color-dark-foreground);--color-dark: var(--color-dark-background);color-scheme:dark}@media(prefers-color-scheme: dark){:root:not([data-color-mode=light]) .inverse{--color-background: var(--color-light-background);--color-foreground: var(--color-light-foreground);--color-accent: var(--color-light-accent);--color-muted: var(--color-light-muted);--color-subtle: var(--color-light-subtle);--color-border: var(--color-light-border);--color-surface: var(--color-light-surface);--color-shadow: var(--color-light-shadow-base);--color-highlight: var(--color-light-highlight);--color-light: var(--color-light-background);--color-dark: var(--color-light-foreground);color-scheme:light}}:root[data-color-mode=dark] .inverse{--color-background: var(--color-light-background);--color-foreground: var(--color-light-foreground);--color-accent: var(--color-light-accent);--color-muted: var(--color-light-muted);--color-subtle: var(--color-light-subtle);--color-border: var(--color-light-border);--color-surface: var(--color-light-surface);--color-shadow: var(--color-light-shadow-base);--color-highlight: var(--color-light-highlight);--color-light: var(--color-light-background);--color-dark: var(--color-light-foreground);color-scheme:light}/*# sourceMappingURL=obsidian.css.map */
|
package/dist/obsidian.css.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../obsidian.scss","../_standard-01-token.scss","../_standard-02-color.scss"],"names":[],"mappings":"CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCSA,MAoBE,gCACA,kCAKA,8BACA,wBAGA,kBACA,qCACA,oCAGA,iBAEA,iCAEA,6DACA,gDAGA,oBACA,2BACA,6BACA,0CACA,gCACA,uBAEA,2BACA,uBACA,wBACA,0BAEA,8CACA,2EACA,qDACA,mDACA,qCAGA,yBACA,2BACA,kCACA,iDACA,wCACA,qCAGA,sBACA,sBACA,wBACA,2BACA,0BAGA,uBACA,uBACA,uBACA,uBACA,uBACA,oDACA,mDAEA,8DACA,gEAEA,mBAGA,mCACA,oCAEA,0BACA,wBACA,wBAGA,yBACA,sCAGE,mCACA,kCADA,mCACA,kCADA,mCACA,kCADA,mCACA,kCADA,mCACA,kCADA,mCACA,kCADA,mCACA,kCADA,mCACA,kCADA,mCACA,kCADA,qCACA,oCADA,qCACA,oCADA,qCACA,oCAIF,8FACA,gFAIA,qEACA,yFAIA,0BACA,yDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDAGA,4BACA,4BACA,2BACA,2BACA,0BACA,0BACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BAGA,6BACA,gCACA,2BACA,oCAGA,YACA,mBACA,gBACA,gBACA,gBACA,kBACA,qBAGA,0CAGA,8CAGA,2CAGA,mDAGA,gDAEA,wCACA,8CAEA,4CAGA,gDA2BA,0BACA,uBACA,2BACA,wBAEA,6CACA,sCACA,2CAGA,gDACA,uDACA,iDAGA,kEAGA,mEAGA,4DAGA,4CACA,8CAGF,uLAEE,wBACA,6BAIF,0CACE,MACE,8CACA,kDACA,oCACA,iDAIJ,MACE,gDAGF,wDAEE,yBACA,+CAIF,4BACE,wBAGF,4BACE,uBAGF,oBACE,GACE,WAIJ,mBACE,KACE,WD5RJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GEwCA,MAEE,wBAgBA,6NAQA,6NAoBA,6GAKA,gHAKA,gHAKA,gHAKA,+GAKA,+GAKA,kHAKA,iHAKA,+GAKA,+GAMA,8CAIA,oJAMA,+IAMA,8IAQA,6DACA,qDAYA,2GAKA,8GAKA,8GAKA,8GAKA,6GAKA,6GAKA,gHAKA,+GAKA,6GAKA,6GAMA,4CAGA,iJAKA,4IAKA,2IAKA,2DACA,mDAEA,qDAQA,2EACA,4EACA,4EACA,6GAKA,uDAGA,0EACA,2EACA,iHAIA,0GAOA,yHAIA,sGAKA,qHAIA,qGAUA,kDACA,kDACA,0CAEA,mEAEA,oCACA,0CACA,0CACA,wCACA,sCACA,sCACA,4CACA,0CACA,sCACA,wCAGA,oCACA,qCACA,gCACA,gCAEA,sCACA,mEACA,+DACA,2CAOA,wCACA,0CACA,0CACA,4CAGA,6CACA,4CACA,2DAEA,+DASA,+CACA,gDAGA,gDAGA,sFAGA,+EACA,6FAEA,4KAOA,8GAKA,uDACA,uDACA,2EAGA,4FAKA,mGAKA,qFAMA,0EACA,oFAKA,mEAIA,8BACA,4DACA,wFAEA,eAUF,mCACE,MAEE,iDACA,iDACA,yCAGA,4CACA,2CAEA,kEACA,2CAGA,mCACA,yCACA,yCACA,uCACA,qCACA,qCACA,2CAEA,qCACA,kEACA,8DAGA,yCACA,uCACA,yCACA,2CAEA,8CACA,+CAEA,gCAIA,wEACA,iFAKA,iEAEA,kGAKA,0GAKA,4FA2CJ,aA7BE,kDACA,kDACA,0CACA,wCACA,0CACA,0CACA,4CACA,+CACA,gDACA,6CACA,4CACA,mBAsBF,YAlBE,iDACA,iDACA,yCACA,uCACA,yCACA,yCACA,2CACA,8CACA,+CACA,4CACA,2CACA,kBAmBF,aA7CE,kDACA,kDACA,0CACA,wCACA,0CACA,0CACA,4CACA,+CACA,gDACA,6CACA,4CACA,mBAsCA,mEACA,oCACA,0CACA,0CACA,wCACA,sCACA,sCACA,4CACA,0CACA,sCACA,wCACA,sCACA,mEACA,+DAGF,mCACE,0CAnDA,iDACA,iDACA,yCACA,uCACA,yCACA,yCACA,2CACA,8CACA,+CACA,4CACA,2CACA,kBA2CE,kEACA,mCACA,yCACA,yCACA,uCACA,qCACA,qCACA,2CACA,qCACA,kEACA,+DAIJ,uEApEE,iDACA,iDACA,yCACA,uCACA,yCACA,yCACA,2CACA,8CACA,+CACA,4CACA,2CACA,kBA6DA,kEACA,mCACA,yCACA,yCACA,uCACA,qCACA,qCACA,2CACA,qCACA,kEACA,8DAGF,yEApGE,kDACA,kDACA,0CACA,wCACA,0CACA,0CACA,4CACA,+CACA,gDACA,6CACA,4CACA,mBA6FA,mEACA,oCACA,0CACA,0CACA,wCACA,sCACA,sCACA,4CACA,sCACA,mEACA,+DAQF,6CACE,MAEE,iCACA,iCAGA,2BACA,8BACA,8BACA,6BACA,4BACA,4BACA,+BACA,8BAGA,0BACA,6BACA,6BACA,4BACA,2BACA,2BACA,8BACA,6BAGA,kCACA,mCACA,mCACA,qCACA,oCACA,6CAOJ,8BACE,MACE,2BACA,+BACA,0BACA,2BACA,yBAKJ,SA7JE,iDACA,iDACA,yCACA,uCACA,yCACA,yCACA,2CACA,8CACA,+CACA,4CACA,2CACA,kBAuJA,mCACE,4CAlLF,kDACA,kDACA,0CACA,wCACA,0CACA,0CACA,4CACA,+CACA,gDACA,6CACA,4CACA,oBA6KA,qCAxLA,kDACA,kDACA,0CACA,wCACA,0CACA,0CACA,4CACA,+CACA,gDACA,6CACA,4CACA","file":"obsidian.css"}
|