style: tweaks

picosh · Dec 17, 2024 · dfbc740 · dfbc740
1 parent ab36b3f
commit dfbc740
Show file tree

Hide file tree

Showing 2 changed files with 64 additions and 18 deletions.
diff --git a/pastes/public/smol.css b/pastes/public/smol.css
@@ -126,12 +126,12 @@ small {
 
 details {
   border: 2px solid var(--grey-light);
-  padding: calc(var(--line-height) - 2px) 1ch;
-  margin-bottom: var(--line-height);
+  padding: calc(var(--grid-height) - 2px) 1ch;
+  margin-bottom: var(--grid-height);
 }
 
 details[open] summary {
-  margin-bottom: var(--line-height);
+  margin-bottom: var(--grid-height);
 }
 
 summary {
@@ -214,8 +214,7 @@ blockquote code {
   border: 1px solid var(--blockquote);
 }
 
-ul,
-ol {
+ul {
   padding: 0 0 0 var(--line-height);
   list-style-position: inside;
   list-style-type: square;
@@ -226,6 +225,17 @@ ul[style*="list-style-type: none;"] {
   padding: 0;
 }
 
+ol {
+  padding: 0 0 0 var(--line-height);
+  list-style-position: inside;
+  list-style-type: decimal;
+  margin: var(--line-height) 0;
+}
+
+ol[style*="list-style-type: none;"] {
+  padding: 0;
+}
+
 ol ul, ol ol, ul ol, ul ul {
   padding: 0 0 0 3ch;
   margin: 0;
@@ -240,10 +250,6 @@ li::marker {
   line-height: 0;
 }
 
-li > pre {
-  padding: 0;
-}
-
 footer {
   text-align: center;
   margin-bottom: calc(var(--line-height) * 3);
@@ -265,6 +271,10 @@ figure {
   margin: 0;
 }
 
+sup {
+  line-height: 0;
+}
+
 #toc {
   margin-top: var(--line-height);
 }
@@ -409,6 +419,10 @@ figure {
   flex-direction: column;
 }
 
+.flex-wrap {
+  flex-wrap: wrap;
+}
+
 .items-center {
   align-items: center;
 }
@@ -498,6 +512,11 @@ figure {
   padding: 0;
 }
 
+.px {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
 .px-2 {
   padding-left: 1rem;
   padding-right: 1rem;
@@ -585,6 +604,10 @@ figure {
   text-align: right;
 }
 
+.text-transform-none {
+  text-transform: none;
+}
+
 /* ==== MARKDOWN ==== */
 
 .md h1,

diff --git a/prose/public/smol-v2.css b/prose/public/smol-v2.css
@@ -126,12 +126,12 @@ small {
 
 details {
   border: 2px solid var(--grey-light);
-  padding: calc(var(--line-height) - 2px) 1ch;
-  margin-bottom: var(--line-height);
+  padding: calc(var(--grid-height) - 2px) 1ch;
+  margin-bottom: var(--grid-height);
 }
 
 details[open] summary {
-  margin-bottom: var(--line-height);
+  margin-bottom: var(--grid-height);
 }
 
 summary {
@@ -214,8 +214,7 @@ blockquote code {
   border: 1px solid var(--blockquote);
 }
 
-ul,
-ol {
+ul {
   padding: 0 0 0 var(--line-height);
   list-style-position: inside;
   list-style-type: square;
@@ -226,6 +225,17 @@ ul[style*="list-style-type: none;"] {
   padding: 0;
 }
 
+ol {
+  padding: 0 0 0 var(--line-height);
+  list-style-position: inside;
+  list-style-type: decimal;
+  margin: var(--line-height) 0;
+}
+
+ol[style*="list-style-type: none;"] {
+  padding: 0;
+}
+
 ol ul, ol ol, ul ol, ul ul {
   padding: 0 0 0 3ch;
   margin: 0;
@@ -240,10 +250,6 @@ li::marker {
   line-height: 0;
 }
 
-li > pre {
-  padding: 0;
-}
-
 footer {
   text-align: center;
   margin-bottom: calc(var(--line-height) * 3);
@@ -265,6 +271,10 @@ figure {
   margin: 0;
 }
 
+sup {
+  line-height: 0;
+}
+
 #toc {
   margin-top: var(--line-height);
 }
@@ -409,6 +419,10 @@ figure {
   flex-direction: column;
 }
 
+.flex-wrap {
+  flex-wrap: wrap;
+}
+
 .items-center {
   align-items: center;
 }
@@ -498,6 +512,11 @@ figure {
   padding: 0;
 }
 
+.px {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
 .px-2 {
   padding-left: 1rem;
   padding-right: 1rem;
@@ -585,6 +604,10 @@ figure {
   text-align: right;
 }
 
+.text-transform-none {
+  text-transform: none;
+}
+
 /* ==== MARKDOWN ==== */
 
 .md h1,