public assets

Author: prgyn8

apps/public/custom.css

@@ -0,0 +1,53 @@
+@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Google+Sans+Flex:wght@420;430;500;600&family=Google+Sans+Code:wght@400;500&display=swap');
+
+:root {
+    --marimo-text-font: 'Google Sans Flex', sans-serif !important;
+    --marimo-heading-font: 'Geist', sans-serif !important;
+    --marimo-monospace-font: 'Google Sans Code', monospace !important;
+}
+
+.prose {
+    font-family: var(--marimo-text-font) !important;
+    font-size: 17px !important;
+    line-height: 1.5 !important;
+}
+
+.prose p,
+.prose ul,
+.prose ol,
+.prose li,
+.prose table {
+    font-family: var(--marimo-text-font) !important;
+    font-size: 16.5px !important;
+    line-height: 1.5 !important;
+    color: #1f2937;
+}
+
+.prose h1,
+.prose h2,
+.prose h3 {
+    font-family: var(--marimo-heading-font) !important;
+    font-weight: 500;
+    letter-spacing: -0.02em;
+}
+
+.prose code {
+    font-family: var(--marimo-monospace-font) !important;
+    color: #1d4ed8 !important;
+    background-color: #f3f4f6 !important;
+    padding: 2px 6px !important;
+    border-radius: 6px !important;
+    border: 1px solid #e5e7eb !important;
+    font-size: 15px !important;
+    line-height: 1.5 !important;
+    font-weight: 400 !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    scroll-margin-top: 85px !important;
+}