First Commit

src/styles/globals.css

@@ -0,0 +1,101 @@
+@import "../components/lib/base.css";
+
+:root {
+    --header-height: 78px;
+}
+
+@theme inline {
+    --color-primary: #02030f;
+}
+
+.twui-button-general:not(.twui-breadcrumbs-back-button) {
+    @apply rounded-none bg-white text-black;
+}
+
+.twui-button-general:hover {
+    @apply !text-white !bg-white/10 outline-white/10;
+}
+
+.twui-button-primary-outlined {
+    @apply !text-white !border-white/50 !outline-white/50 bg-transparent;
+}
+
+.twui-button-primary-outlined:hover {
+    @apply !text-white/70 !border-white/20 !outline-white/20;
+    @apply !bg-transparent;
+}
+
+.twui-section {
+    @apply items-start py-20;
+}
+
+.twui-span,
+.twui-paragraph {
+    @apply dark:text-white/70 leading-relaxed;
+}
+
+.twui-span a,
+.twui-paragraph a {
+    @apply text-blue-400 hover:underline;
+}
+
+.twui-card {
+    @apply rounded-none !bg-transparent md:p-10 p-4;
+}
+
+.twui-anchor {
+    @apply !text-blue-500 !border-blue-500/50 hover:!border-transparent;
+}
+
+.twui-h1 {
+    @apply text-[30px] md:text-[40px] lg:text-[44px];
+}
+
+.twui-button-primary-ghost {
+    @apply bg-transparent text-white;
+}
+
+.twui-card-link {
+    @apply p-0 w-full border-none;
+}
+
+.twui-a {
+    @apply !text-foreground-light/70 dark:!text-foreground-dark/70 border-none hover:dark:!text-white hover:opacity-100;
+}
+
+.twui-a.active {
+    @apply !text-foreground-light dark:!text-foreground-dark font-bold;
+}
+
+.dotted-text {
+    @apply border-0 border-b-2 border-dotted border-foreground-light/20 dark:!border-foreground-dark/20 pb-[2px];
+}
+
+.dotted-text:hover {
+    text-decoration: none !important;
+}
+
+.markdown-rendered h2 {
+    @apply mt-10 mb-6 text-3xl font-semibold;
+}
+
+.markdown-rendered h3 {
+    @apply mt-6 mb-4 text-xl font-semibold;
+}
+
+.markdown-rendered p {
+    @apply my-4 leading-loose;
+}
+
+.markdown-rendered pre {
+    @apply w-full p-10 border border-solid dark:border-white/20;
+    @apply rounded-default my-6;
+}
+
+.markdown-rendered a {
+    @apply text-blue-500 dark:text-blue-400;
+}
+
+.markdown-rendered hr {
+    @apply opacity-20 my-6;
+}