emilia
/
personal-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Column modifier for offset grid

This commit is contained in:
Emilia Allison 2023-08-02 12:13:15 -04:00
parent 070d9ef020
commit f3543edbfe
Signed by: emilia
GPG Key ID: 7A3F8997BFE894E0
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/cool-stuff/index.html
View File

@ -8,7 +8,7 @@
<body class="no-overflow"> <body class="no-overflow">
<div id="overlay"> <div id="overlay">
</div> </div>
<main class="offset-grid--top--wide side-a"> <main class="offset-grid--top--wide--column side-a">
<div> <div>
<h1> <h1>
Cool Stuff Cool Stuff

7
src/scss/waltuh/layouts/_grid.scss
View File

@ -71,6 +71,13 @@ $offset-amt: 0.33fr;
$left: list.nth($-l,3), $right: list.nth($-l,4)); $left: list.nth($-l,3), $right: list.nth($-l,4));
@extend %offset-grid; @extend %offset-grid;
&--column {
@extend .offset-grid#{$dir_adj}#{$size_adj};
div {
grid-area: n / s;
}
}
} }
} }
} }