Merge pull request #6 from deadrime/cheatsheets

Build in js methods article
deadrime · Mar 6, 2024 · 7e7e6d5 · 7e7e6d5
2 parents d0b57c6 + 5fc71e0
commit 7e7e6d5
Show file tree

Hide file tree

Showing 13 changed files with 517 additions and 22 deletions.
diff --git a/app/blog/[slug]/layout.tsx b/app/blog/[slug]/layout.tsx
@@ -45,12 +45,12 @@ export default async function Layout({ children, params }: ArticleLayoutProps) {
           </header>
         </section>
         <div className="flex flex-col md:grid md:grid-cols-12 gap-5">
+          <aside className="md:col-start-10 md:col-end-13 md:sticky top-4 self-start shrink-0 md:order-last">
+            <TableOfContent contentId="content" />
+          </aside>
           <div className={classNames(styles.blogContent, 'md:col-span-8')} id="content">
             {children}
           </div>
-          <aside className="md:col-start-10 md:col-end-13 md:sticky top-4 self-start shrink-0 order-first md:order-last">
-            <TableOfContent contentId="content" />
-          </aside>
         </div>
       </div>
     </div>

diff --git a/app/globals.css b/app/globals.css
@@ -40,6 +40,13 @@
     --color-border: 210 210 210;
   }
 
+  a,
+  summary {
+    &:focus-visible {
+      @apply rounded-md outline-none ring ring-primary ring-offset-2 ring-offset-background;
+    }
+  }
+
   .img-wrapper {
     margin-top: 0.5em;
     margin-bottom: 0.5em;
@@ -122,7 +129,7 @@
     transition: border 0.3s ease;
   }
 
-  a > code {
+  a>code {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
   }