Reorder grid line names, turn off the snow

bobmonsour · Jan 20, 2024 · b3beb2b · b3beb2b
1 parent 318f8bb
commit b3beb2b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/_includes/css/main.css b/src/_includes/css/main.css
@@ -96,9 +96,9 @@ img[width][height] {
 .content {
   --gap: clamp(0.25rem, 3vw, 1rem);
   --full: minmax(var(--gap), 1fr);
-  --content: min(65ch, 100% - var(--gap) * 2);
-  --popout: minmax(0, 2rem);
   --feature: minmax(0, 5rem);
+  --popout: minmax(0, 2rem);
+  --content: min(65ch, 100% - var(--gap) * 2);
 
   display: grid;
   place-content: start center;
@@ -206,10 +206,11 @@ img[width][height] {
 }
 .post-card {
   display: grid;
-  grid-column: feature;
+  grid-column: full;
   grid-template-columns: repeat(auto-fit, minmax(375px, 1fr));
-  place-items: center;
   margin-block-start: 1em;
+  place-items: center;
+  /* gap: 1em; */
 }
 .post-card .post-title {
   font-size: var(--post-title-card-size);

diff --git a/src/_layouts/default.njk b/src/_layouts/default.njk
@@ -9,11 +9,11 @@
   {% include 'header.njk' %}
 
   <main id="main-content" class="content">
-    {% if snow == "true" %}
+    {# {% if snow == "true" %}
       <is-land on:media="(prefers-reduced-motion: no-preference)">
         <snow-fall style="--snow-fall-color: lightgray"></snow-fall>
       </is-land>
-    {% endif %}
+    {% endif %} #}
     {{ content | safe }}
   </main>