Updates to cheatsheet

Cheatsheet.cheatmd

@@ -1,5 +1,8 @@
 # Cheatsheet User Guide
 
+This document is a cheatsheet on how to use cheatsheets.
+Cheatsheets are Markdown files with the `.cheatmd` extension.
+
 ## I'm a H2 title with 2 columns
 {: .col-2}
 
@@ -10,7 +13,6 @@
 | `.col-2` | "two-column"|
 | `.col-3` | "three-column"|
 | `-col-2-left` | "two-columns" (1/3 - 2/3) |
-| `.table-col` | "tables will take only 50% of the page"|
 
 Set the number of columns under the H2 titles. 
 
@@ -146,7 +148,7 @@ Long lines will have scrollbars on hover.
 
 ### Line wrapping
 
-```
+```elixir
 defmodule MyTracer do
   def trace({:remote_function, _meta, module, name, arity}, env) do
     IO.puts "#{env.file}:#{env.line} #{inspect(module)}.#{name}/#{arity}"

assets/css/content/cheatsheet.css

@@ -1,3 +1,7 @@
+.page-cheatmd .content-inner {
+  max-width: 1200px;
+}
+
 /* h1 styling */
 
 .page-cheatmd h1 {
@@ -55,7 +59,6 @@
 .page-cheatmd h4 {
   display: block;
   margin: 0;
-  margin-bottom: -1px;
   padding: 0.25em 1.5em;
   font-weight: 400;
   background: var(--gray100);
@@ -99,11 +102,6 @@
   margin: 0;
 }
 
-.page-cheatmd .h2 pre code::-webkit-scrollbar {
-  width: 0.4rem;
-  height: 0.3rem;
-}
-
 .page-cheatmd pre.wrap {
   white-space: break-spaces;
 }
@@ -170,6 +168,11 @@
   border-bottom: 1px solid var(--codeBorder);
 }
 
+.page-cheatmd .h2 ul + pre code,
+.page-cheatmd .h2 ol + pre code {
+  border-top: 0;
+}
+
 .page-cheatmd .h2 li > code {
   color: #eb5757;
   border-radius: 3px;

assets/css/layout.css

@@ -116,10 +116,6 @@ body.search-focused .sidebar-search .search-close-button {
   padding: 3px 60px;
 }
 
-.page-cheatmd .content-inner {
-  max-width: 1200px;
-}
-
 .content-inner:focus {
   outline: none;
 }