Column modifier for offset grid

2023-08-02 12:13:15 -04:00 · 2023-08-02 12:13:15 -04:00 · f3543edbfe
parent 070d9ef020
commit f3543edbfe
2 changed files with 8 additions and 1 deletions
--- a/src/cool-stuff/index.html
+++ b/src/cool-stuff/index.html
@ -8,7 +8,7 @@
 	<body class="no-overflow">
 		<div id="overlay">
 		</div>
-		<main class="offset-grid--top--wide side-a">
+		<main class="offset-grid--top--wide--column side-a">
 			<div>
 				<h1>
 					Cool Stuff
--- a/src/scss/waltuh/layouts/_grid.scss
+++ b/src/scss/waltuh/layouts/_grid.scss
@ -71,6 +71,13 @@ $offset-amt: 0.33fr;
                               $left: list.nth($-l,3), $right: list.nth($-l,4));

      @extend %offset-grid;
+
+      &--column {
+        @extend .offset-grid#{$dir_adj}#{$size_adj};
+        div {
+          grid-area: n / s;
+        }
+      }
    }
  }
 }