Merge pull request #161 from IgnaceMaes/article-padding-bottom

mansona · web-flow · commit 7baf1532909c · 2023-08-10T15:25:09.000+01:00
chore: add some spacing between article and footer
diff --git a/addon/styles/addon.css b/addon/styles/addon.css
@@ -77,11 +77,12 @@ main {
   gap: 3em;
   grid-template-columns: minmax(20ch, 80ch) 16em;
   padding-top: var(--spacing-4);
+  padding-bottom: var(--spacing-4);
   justify-content: center;
 }
 
 .pagination-wrapper {
-  margin: var(--spacing-2) 0;
+  margin: var(--spacing-4) 0;
 }
 
 .on-this-page-wrapper {
@@ -93,11 +94,16 @@ main {
     display: grid;
     grid-template-columns: minmax(20ch, 80ch);
     justify-content: center;
+    padding-bottom: var(--spacing-2);
   }
 
-  .on-this-page-wrapper {
+  .guides-article-toc {
     display: none;
   }
+
+  .pagination-wrapper {
+    margin: var(--spacing-2) 0;
+  }
 }
 
 /* TODO figure out how much of this media query needs to go into the styleguide */

Original file line number	Diff line number	Diff line change
`@@ -77,11 +77,12 @@ main {`
`77`	`77`	`gap: 3em;`
`78`	`78`	`grid-template-columns: minmax(20ch, 80ch) 16em;`
`79`	`79`	`padding-top: var(--spacing-4);`
	`80`	`+ padding-bottom: var(--spacing-4);`
`80`	`81`	`justify-content: center;`
`81`	`82`	`}`
`82`	`83`
`83`	`84`	`.pagination-wrapper {`
`84`		`- margin: var(--spacing-2) 0;`
	`85`	`+ margin: var(--spacing-4) 0;`
`85`	`86`	`}`
`86`	`87`
`87`	`88`	`.on-this-page-wrapper {`
`@@ -93,11 +94,16 @@ main {`
`93`	`94`	`display: grid;`
`94`	`95`	`grid-template-columns: minmax(20ch, 80ch);`
`95`	`96`	`justify-content: center;`
	`97`	`+ padding-bottom: var(--spacing-2);`
`96`	`98`	`}`
`97`	`99`
`98`		`- .on-this-page-wrapper {`
	`100`	`+ .guides-article-toc {`
`99`	`101`	`display: none;`
`100`	`102`	`}`
	`103`	`+`
	`104`	`+ .pagination-wrapper {`
	`105`	`+ margin: var(--spacing-2) 0;`
	`106`	`+ }`
`101`	`107`	`}`
`102`	`108`
`103`	`109`	`/* TODO figure out how much of this media query needs to go into the styleguide */`