Add stretch css for article grid

rossta · rossta · commit 896230f9431a · 2024-08-21T22:26:38.000-04:00
diff --git a/app/javascript/css/layout.scss b/app/javascript/css/layout.scss
@@ -99,10 +99,10 @@ main > *,
     grid-row-start: span 4;
   }
 
-  // For making code blocks span the full width of the article
-  // .article-content > .code-wrapper {
-  //   grid-column: col-start / span var(--grid-columns);
-  // }
+  // For making blocks span the full width of the article
+  .article-content > .stretch {
+    grid-column: col-start / span var(--grid-columns);
+  }
 }
 
 .grid-cols-12 {

Original file line number	Diff line number	Diff line change
`@@ -99,10 +99,10 @@ main > *,`
`99`	`99`	`grid-row-start: span 4;`
`100`	`100`	`}`
`101`	`101`
`102`		`- // For making code blocks span the full width of the article`
`103`		`- // .article-content > .code-wrapper {`
`104`		`- // grid-column: col-start / span var(--grid-columns);`
`105`		`- // }`
	`102`	`+ // For making blocks span the full width of the article`
	`103`	`+ .article-content > .stretch {`
	`104`	`+ grid-column: col-start / span var(--grid-columns);`
	`105`	`+ }`
`106`	`106`	`}`
`107`	`107`
`108`	`108`	`.grid-cols-12 {`