website: Adjust spacing and headings styles

0no-co · Jan 16, 2024 · b2ee1d5 · b2ee1d5
1 parent 71895c3
commit b2ee1d5
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 0 deletions.
diff --git a/website/astro.config.mjs b/website/astro.config.mjs
@@ -5,6 +5,7 @@ import { pluginCollapsibleSections } from '@expressive-code/plugin-collapsible-s
 
 // https://astro.build/config
 export default defineConfig({
+  site: 'https://gql-tada.0no.co',
   integrations: [
     starlight({
       title: 'gql.tada',

diff --git a/website/src/tailwind.css b/website/src/tailwind.css
@@ -54,6 +54,10 @@
   border: none;
 }
 
+:root .expressive-code {
+  padding: 0.8rem 0;
+}
+
 :root .expressive-code .frame {
   --ec-frm-frameBoxShdCssVal: none;
   --code-background: theme('colors.gray.800');
@@ -105,6 +109,32 @@
   box-shadow: var(--sl-shadow-sm);
 }
 
+:root .sl-markdown-content :where(:not(li, a, strong, em, del, span, input, code)) + :not(li, a, strong, em, del, span, input, code, :where(.not-content *)) {
+  margin-top: 1.3rem;
+}
+
+:root .sl-markdown-content :not(li, a, strong, em, del, span, input, code) + :where(h2, h3, h4, h5):not(:where(.not-content *)) {
+  margin-top: 1.2em;
+  margin-bottom: 0.2em;
+}
+
+:root .sl-markdown-content :where(h2, h3, h4, h5):not(:where(.not-content *)) > code:only-child {
+  border: none;
+}
+
+:root .sl-markdown-content ul:not(:where(.not-content *)) {
+  padding-left: 1.4ch;
+}
+
+:root .sl-markdown-content ul:not(:where(.not-content *)) li {
+  padding-left: 0.7ch;
+}
+
+:root .sl-markdown-content ul:not(:where(.not-content *)) li::marker {
+  content: '- ';
+  color: var(--sl-color-gray-3);
+}
+
 :root .sl-markdown-content video:not(:where(.not-content *)) {
   border: 1px solid var(--sl-color-bg-inline-code-brd);
   border-radius: 7px;