@limcpf/everything-is-a-markdown 0.4.2 → 0.4.3

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/runtime/app.css +12 -8
  3. package/src/runtime/app.js +6 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@limcpf/everything-is-a-markdown",
3
- "version": "0.4.2",
3
+ "version": "0.4.3",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "type": "module",
package/src/runtime/app.css CHANGED
@@ -60,6 +60,8 @@
60
60
  --sidebar-mobile-shadow: 0 24px 48px rgba(76, 79, 105, 0.2);
61
61
  --accent-hover: #7030d0;
62
62
  --accent-strong: #6732ca;
63
+ --badge-new-bg: var(--latte-red);
64
+ --badge-new-fg: #ffffff;
63
65
  --desktop-sidebar-default: 420px;
64
66
  --desktop-sidebar-min: 320px;
65
67
  --desktop-viewer-min: 680px;
@@ -103,6 +105,8 @@
103
105
  --sidebar-mobile-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
104
106
  --accent-hover: #a985f6;
105
107
  --accent-strong: #dfcbff;
108
+ --badge-new-bg: var(--mocha-red);
109
+ --badge-new-fg: var(--mocha-crust);
106
110
  }
107
111
 
108
112
  * {
@@ -483,7 +487,7 @@ a:hover {
483
487
  font-size: 0.68rem;
484
488
  font-weight: 600;
485
489
  letter-spacing: 0.02em;
486
- color: var(--latte-overlay1);
490
+ color: var(--latte-subtext1);
487
491
  }
488
492
 
489
493
  .tree-label {
@@ -534,8 +538,8 @@ a:hover {
534
538
  letter-spacing: 0.03em;
535
539
  padding: 2px 6px;
536
540
  border-radius: 999px;
537
- color: white;
538
- background: var(--latte-red);
541
+ color: var(--badge-new-fg);
542
+ background: var(--badge-new-bg);
539
543
  }
540
544
 
541
545
  /* Active badge */
@@ -590,7 +594,7 @@ a:hover {
590
594
 
591
595
  .status-encoding {
592
596
  font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
593
- color: var(--latte-overlay0);
597
+ color: var(--latte-subtext1);
594
598
  }
595
599
 
596
600
  .sidebar-footer-actions {
@@ -837,7 +841,7 @@ body.mobile-toggle-left .mobile-menu-toggle {
837
841
  min-height: 22px;
838
842
  font-size: 0.85rem;
839
843
  font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
840
- color: var(--latte-subtext0);
844
+ color: var(--latte-subtext1);
841
845
  }
842
846
 
843
847
  .meta-item {
@@ -855,7 +859,7 @@ body.mobile-toggle-left .mobile-menu-toggle {
855
859
  font-size: 0.74rem;
856
860
  font-weight: 700;
857
861
  letter-spacing: 0.03em;
858
- color: var(--latte-overlay1);
862
+ color: var(--latte-subtext1);
859
863
  }
860
864
 
861
865
  .meta-tags {
@@ -873,7 +877,7 @@ body.mobile-toggle-left .mobile-menu-toggle {
873
877
  max-width: 72ch;
874
878
  margin: 0 auto;
875
879
  text-wrap: pretty;
876
- color: var(--latte-subtext0);
880
+ color: var(--latte-subtext1);
877
881
  }
878
882
 
879
883
  .viewer-content h1,
@@ -930,7 +934,7 @@ body.mobile-toggle-left .mobile-menu-toggle {
930
934
  background: rgba(230, 233, 239, 0.5);
931
935
  border-radius: 0 8px 8px 0;
932
936
  font-style: normal;
933
- color: var(--latte-subtext0);
937
+ color: var(--latte-subtext1);
934
938
  }
935
939
 
936
940
  /* Inline code */
package/src/runtime/app.js CHANGED
@@ -889,11 +889,15 @@ async function start() {
889
889
  }
890
890
 
891
891
  if (!isCompactLayout()) {
892
- sidebar.removeAttribute("aria-hidden");
892
+ sidebar.removeAttribute("inert");
893
893
  return;
894
894
  }
895
895
 
896
- sidebar.setAttribute("aria-hidden", String(!isOpen));
896
+ if (isOpen) {
897
+ sidebar.removeAttribute("inert");
898
+ } else {
899
+ sidebar.setAttribute("inert", "");
900
+ }
897
901
  };
898
902
 
899
903
  const openSidebar = () => {