@aiquants/markdown 0.2.0

package/dist/css/details.css

@@ -0,0 +1,74 @@
+.markdown-details {
+  --c-blue-100: #f0f7ff;
+  --c-blue-200: #ecf5ff;
+  --c-blue-300: #e0efff;
+  --c-blue-400: #bfdcff;
+  --c-blue-500: #3ea8ff;
+  --c-blue-600: #0f83fd;
+  --c-blue-700: #0868ce;
+  --c-blue-800: #0656ac;
+  --c-blue-900: #05458a;
+  --c-blue-1000: #043467;
+  --c-gray-100: #f5f9fc;
+  --c-gray-200: #f1f5f9;
+  --c-gray-300: #edf2f7;
+  --c-gray-400: #e4edf4;
+  --c-gray-500: #d6e3ed;
+  --c-gray-600: #acbcc7;
+  --c-gray-700: #8f9faa;
+  --c-gray-800: #65717b;
+  --c-dark-blue-800: #09376d;
+  --c-dark-blue-900: #0b2c53;
+  --c-dark-blue-1000: #162c49;
+  --c-dark-blue-1100: #0d223a;
+  --c-dark-blue-1200: #081d35;
+  --c-dark-gray-900: #344c69;
+  --c-dark-gray-1000: #2e445c;
+  --c-dark-gray-1100: #1b324a;
+  --c-bg-base: #fff;
+  --c-bg-dim: var(--c-gray-300);
+  --c-border: var(--c-gray-500);
+  --c-text-subtle: var(--c-gray-800);
+  --c-text-link: var(--c-blue-600);
+}
+
+details.markdown-details {
+  font-size: 0.95em;
+  margin: 1rem 0;
+  line-height: 1.7;
+}
+.markdown-details summary {
+  cursor: pointer;
+  outline: 0;
+  padding: 0.7em 0.7em 0.7em 0.9em;
+  border: solid 1px var(--c-border);
+  font-size: 0.9em;
+  border-radius: 14px;
+  background: var(--c-bg-base);
+}
+.markdown-details summary::-webkit-details-marker {
+  color: var(--c-text-subtle);
+}
+details.markdown-details[open] > summary {
+  border-radius: 14px 14px 0 0;
+  box-shadow: none;
+  background: var(--c-bg-dim);
+  border-bottom: none;
+}
+.markdown-details .markdown-details-content {
+  padding: 0.5em 0.9em;
+  border: solid 1px var(--c-border);
+  border-radius: 0 0 14px 14px;
+  background: var(--c-bg-base);
+}
+.markdown-details .markdown-details-content > * {
+  margin: 0.5em 0;
+}
+
+[data-theme="dark"] .markdown-details {
+  --c-bg-base: var(--c-dark-blue-1100);
+  --c-bg-dim: var(--c-dark-blue-900);
+  --c-border: var(--c-dark-gray-1000);
+  --c-text-subtle: var(--c-gray-600);
+  --c-text-link: var(--c-blue-600);
+}