repos / pico

pico services - prose.sh, pastes.sh, imgs.sh, feeds.sh, pgs.sh
git clone https://github.com/picosh/pico.git

commit
dfbc740
parent
ab36b3f
author
Eric Bower
date
2024-12-17 05:03:29 +0000 UTC
style: tweaks
2 files changed,  +64, -18
M pastes/public/smol.css
+32, -9
  1@@ -126,12 +126,12 @@ small {
  2 
  3 details {
  4   border: 2px solid var(--grey-light);
  5-  padding: calc(var(--line-height) - 2px) 1ch;
  6-  margin-bottom: var(--line-height);
  7+  padding: calc(var(--grid-height) - 2px) 1ch;
  8+  margin-bottom: var(--grid-height);
  9 }
 10 
 11 details[open] summary {
 12-  margin-bottom: var(--line-height);
 13+  margin-bottom: var(--grid-height);
 14 }
 15 
 16 summary {
 17@@ -214,8 +214,7 @@ blockquote code {
 18   border: 1px solid var(--blockquote);
 19 }
 20 
 21-ul,
 22-ol {
 23+ul {
 24   padding: 0 0 0 var(--line-height);
 25   list-style-position: inside;
 26   list-style-type: square;
 27@@ -226,6 +225,17 @@ ul[style*="list-style-type: none;"] {
 28   padding: 0;
 29 }
 30 
 31+ol {
 32+  padding: 0 0 0 var(--line-height);
 33+  list-style-position: inside;
 34+  list-style-type: decimal;
 35+  margin: var(--line-height) 0;
 36+}
 37+
 38+ol[style*="list-style-type: none;"] {
 39+  padding: 0;
 40+}
 41+
 42 ol ul, ol ol, ul ol, ul ul {
 43   padding: 0 0 0 3ch;
 44   margin: 0;
 45@@ -240,10 +250,6 @@ li::marker {
 46   line-height: 0;
 47 }
 48 
 49-li > pre {
 50-  padding: 0;
 51-}
 52-
 53 footer {
 54   text-align: center;
 55   margin-bottom: calc(var(--line-height) * 3);
 56@@ -265,6 +271,10 @@ figure {
 57   margin: 0;
 58 }
 59 
 60+sup {
 61+  line-height: 0;
 62+}
 63+
 64 #toc {
 65   margin-top: var(--line-height);
 66 }
 67@@ -409,6 +419,10 @@ figure {
 68   flex-direction: column;
 69 }
 70 
 71+.flex-wrap {
 72+  flex-wrap: wrap;
 73+}
 74+
 75 .items-center {
 76   align-items: center;
 77 }
 78@@ -498,6 +512,11 @@ figure {
 79   padding: 0;
 80 }
 81 
 82+.px {
 83+  padding-left: 0.5rem;
 84+  padding-right: 0.5rem;
 85+}
 86+
 87 .px-2 {
 88   padding-left: 1rem;
 89   padding-right: 1rem;
 90@@ -585,6 +604,10 @@ figure {
 91   text-align: right;
 92 }
 93 
 94+.text-transform-none {
 95+  text-transform: none;
 96+}
 97+
 98 /* ==== MARKDOWN ==== */
 99 
100 .md h1,
M prose/public/smol-v2.css
+32, -9
  1@@ -126,12 +126,12 @@ small {
  2 
  3 details {
  4   border: 2px solid var(--grey-light);
  5-  padding: calc(var(--line-height) - 2px) 1ch;
  6-  margin-bottom: var(--line-height);
  7+  padding: calc(var(--grid-height) - 2px) 1ch;
  8+  margin-bottom: var(--grid-height);
  9 }
 10 
 11 details[open] summary {
 12-  margin-bottom: var(--line-height);
 13+  margin-bottom: var(--grid-height);
 14 }
 15 
 16 summary {
 17@@ -214,8 +214,7 @@ blockquote code {
 18   border: 1px solid var(--blockquote);
 19 }
 20 
 21-ul,
 22-ol {
 23+ul {
 24   padding: 0 0 0 var(--line-height);
 25   list-style-position: inside;
 26   list-style-type: square;
 27@@ -226,6 +225,17 @@ ul[style*="list-style-type: none;"] {
 28   padding: 0;
 29 }
 30 
 31+ol {
 32+  padding: 0 0 0 var(--line-height);
 33+  list-style-position: inside;
 34+  list-style-type: decimal;
 35+  margin: var(--line-height) 0;
 36+}
 37+
 38+ol[style*="list-style-type: none;"] {
 39+  padding: 0;
 40+}
 41+
 42 ol ul, ol ol, ul ol, ul ul {
 43   padding: 0 0 0 3ch;
 44   margin: 0;
 45@@ -240,10 +250,6 @@ li::marker {
 46   line-height: 0;
 47 }
 48 
 49-li > pre {
 50-  padding: 0;
 51-}
 52-
 53 footer {
 54   text-align: center;
 55   margin-bottom: calc(var(--line-height) * 3);
 56@@ -265,6 +271,10 @@ figure {
 57   margin: 0;
 58 }
 59 
 60+sup {
 61+  line-height: 0;
 62+}
 63+
 64 #toc {
 65   margin-top: var(--line-height);
 66 }
 67@@ -409,6 +419,10 @@ figure {
 68   flex-direction: column;
 69 }
 70 
 71+.flex-wrap {
 72+  flex-wrap: wrap;
 73+}
 74+
 75 .items-center {
 76   align-items: center;
 77 }
 78@@ -498,6 +512,11 @@ figure {
 79   padding: 0;
 80 }
 81 
 82+.px {
 83+  padding-left: 0.5rem;
 84+  padding-right: 0.5rem;
 85+}
 86+
 87 .px-2 {
 88   padding-left: 1rem;
 89   padding-right: 1rem;
 90@@ -585,6 +604,10 @@ figure {
 91   text-align: right;
 92 }
 93 
 94+.text-transform-none {
 95+  text-transform: none;
 96+}
 97+
 98 /* ==== MARKDOWN ==== */
 99 
100 .md h1,