refactor: applying some spacing to elements to allow some things to breathe (#56)

esacteksab · web-flow · commit 9d5b7905cfee · 2025-04-14T23:53:58.000-05:00
* refactor: applying some spacing to elements to allow some things to breathe

* refactor: more padding for anchor'd headings
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -55,7 +55,7 @@
   p {
     @apply block text-base/normal font-medium;
     margin-block: unset;
-    @apply py-2;
+    @apply py-2.5;
   }
 }
 
@@ -80,6 +80,10 @@ a:hover .anchor-icon {
   visibility: visible;
 }
 
+a :is(h1, h2, h3, h4, h5, h6) {
+  @apply pt-1;
+}
+
 :is(h1, h2, h3, h4, h5, h6) code {
   @apply border-1;
 }
@@ -173,7 +177,7 @@ code {
 }
 
 .main :is(ul, ol) {
-  @apply list-outside;
+  @apply mb-4 ml-8 list-outside;
 }
 
 .main ul {
@@ -379,6 +383,9 @@ hr {
 
 #TableOfContents {
   @apply my-4;
+  ul {
+    @apply ml-4;
+  }
 }
 
 .highlight {

Original file line number	Diff line number	Diff line change
`@@ -55,7 +55,7 @@`
`55`	`55`	`p {`
`56`	`56`	`@apply block text-base/normal font-medium;`
`57`	`57`	`margin-block: unset;`
`58`		`- @apply py-2;`
	`58`	`+ @apply py-2.5;`
`59`	`59`	`}`
`60`	`60`	`}`
`61`	`61`
`@@ -80,6 +80,10 @@ a:hover .anchor-icon {`
`80`	`80`	`visibility: visible;`
`81`	`81`	`}`
`82`	`82`
	`83`	`+a :is(h1, h2, h3, h4, h5, h6) {`
	`84`	`+ @apply pt-1;`
	`85`	`+}`
	`86`	`+`
`83`	`87`	`:is(h1, h2, h3, h4, h5, h6) code {`
`84`	`88`	`@apply border-1;`
`85`	`89`	`}`
`@@ -173,7 +177,7 @@ code {`
`173`	`177`	`}`
`174`	`178`
`175`	`179`	`.main :is(ul, ol) {`
`176`		`- @apply list-outside;`
	`180`	`+ @apply mb-4 ml-8 list-outside;`
`177`	`181`	`}`
`178`	`182`
`179`	`183`	`.main ul {`
`@@ -379,6 +383,9 @@ hr {`
`379`	`383`
`380`	`384`	`#TableOfContents {`
`381`	`385`	`@apply my-4;`
	`386`	`+ ul {`
	`387`	`+ @apply ml-4;`
	`388`	`+ }`
`382`	`389`	`}`
`383`	`390`
`384`	`391`	`.highlight {`