cms-renderer 0.6.3 → 0.6.5

package/styles/docs-markdown.css

@@ -0,0 +1,181 @@
+.cms-docs-markdown {
+  max-width: none;
+  min-width: 0;
+  overflow-x: hidden;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  color: #d1d5db;
+  font-size: 15px;
+  line-height: 1.75;
+}
+
+.cms-docs-markdown h1,
+.cms-docs-markdown h2,
+.cms-docs-markdown h3,
+.cms-docs-markdown h4 {
+  color: #ffffff;
+  font-weight: 600;
+}
+
+.cms-docs-markdown h1 {
+  margin: 0 0 1.5rem;
+  letter-spacing: -0.025em;
+  font-size: 2.25rem;
+  line-height: 1.1;
+}
+
+.cms-docs-markdown h2 {
+  margin: 2.5rem 0 1rem;
+  font-size: 1.5rem;
+  line-height: 1.3;
+}
+
+.cms-docs-markdown h3 {
+  margin: 2rem 0 0.75rem;
+  font-size: 1.25rem;
+  line-height: 1.35;
+}
+
+.cms-docs-markdown h4 {
+  margin: 1.5rem 0 0.5rem;
+  font-size: 1.125rem;
+  line-height: 1.4;
+}
+
+.cms-docs-markdown > :first-child {
+  margin-top: 0;
+}
+
+.cms-docs-markdown p,
+.cms-docs-markdown ul,
+.cms-docs-markdown ol,
+.cms-docs-markdown blockquote,
+.cms-docs-markdown pre,
+.cms-docs-markdown table,
+.cms-docs-markdown img {
+  margin: 1rem 0;
+}
+
+.cms-docs-markdown a {
+  color: #93c5fd;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+}
+
+.cms-docs-markdown strong {
+  color: #ffffff;
+  font-weight: 600;
+}
+
+.cms-docs-markdown em {
+  font-style: italic;
+}
+
+.cms-docs-markdown ul,
+.cms-docs-markdown ol {
+  padding-left: 1.5rem;
+}
+
+.cms-docs-markdown ul {
+  list-style: disc;
+}
+
+.cms-docs-markdown ol {
+  list-style: decimal;
+}
+
+.cms-docs-markdown li {
+  margin: 0.25rem 0;
+  overflow-wrap: anywhere;
+}
+
+.cms-docs-markdown blockquote {
+  border-left: 2px solid #374151;
+  padding-left: 1rem;
+  color: #9ca3af;
+  font-style: italic;
+}
+
+.cms-docs-markdown :not(pre) > code {
+  border-radius: 0.25rem;
+  background: #1f2937;
+  padding: 0.125rem 0.375rem;
+  color: #f9fafb;
+  font-size: 0.9em;
+}
+
+.cms-docs-markdown pre,
+.cms-docs-markdown .shiki {
+  overflow-x: auto;
+  border: 1px solid #1f2937;
+  border-radius: 0.75rem;
+  background: #0b0f19;
+  padding: 1rem;
+}
+
+.cms-docs-markdown pre code,
+.cms-docs-markdown .shiki code {
+  background: transparent;
+  padding: 0;
+  color: #e5e7eb;
+}
+
+.cms-docs-markdown hr {
+  margin: 2rem 0;
+  border: 0;
+  border-top: 1px solid #1f2937;
+}
+
+.cms-docs-markdown table {
+  display: block;
+  max-width: 100%;
+  overflow-x: auto;
+  border-collapse: collapse;
+}
+
+.cms-docs-markdown th,
+.cms-docs-markdown td {
+  border: 1px solid #374151;
+  padding: 0.5rem 0.75rem;
+}
+
+.cms-docs-markdown th {
+  background: #111827;
+  color: #ffffff;
+  text-align: left;
+}
+
+.cms-docs-markdown img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  border-radius: 0.75rem;
+}
+
+@media (min-width: 640px) {
+  .cms-docs-markdown h1 {
+    font-size: 2.5rem;
+  }
+
+  .cms-docs-markdown h2 {
+    font-size: 1.75rem;
+  }
+
+  .cms-docs-markdown h3 {
+    font-size: 1.5rem;
+  }
+
+  .cms-docs-markdown h4 {
+    font-size: 1.125rem;
+  }
+
+  .cms-docs-markdown ul,
+  .cms-docs-markdown ol {
+    padding-left: 1.75rem;
+  }
+
+  .cms-docs-markdown table {
+    display: table;
+    width: 100%;
+  }
+}