From 1bfa1844a68de8c6530c0d29a33651ce44dca31b Mon Sep 17 00:00:00 2001
From: Anders Pollack <pollack.anders@gmail.com>
Date: Tue, 30 Jan 2024 12:03:27 -0800
Subject: [PATCH] Update styles to correspond with
 https://github.com/thegetty/quire/pull/893

---
 .../_assets/styles/components/q-figure.scss   | 31 ++++++++++++-------
 1 file changed, 20 insertions(+), 11 deletions(-)

diff --git a/content/_assets/styles/components/q-figure.scss b/content/_assets/styles/components/q-figure.scss
index a351b4c..078cb29 100755
--- a/content/_assets/styles/components/q-figure.scss
+++ b/content/_assets/styles/components/q-figure.scss
@@ -29,6 +29,15 @@
   }
 }
 
+.content is-land {
+  &:not(:last-child) .q-figure:not(.is-pulled-left):not(.is-pulled-right):not(.column) {
+    margin-bottom: 2rem;
+  }
+  &:not(:first-child) .q-figure:not(.is-pulled-left):not(.is-pulled-right):not(.column) {
+    margin-top: 2rem;
+  }
+}
+
 .q-figure {
   --atlas-z-index: 0;
 
@@ -386,15 +395,15 @@
       }
     }
 
-    .quire-grid--2 {
-      width: 49%;
+    .quire-grid--2 > * {
+      width: 50%;
 
       @media print {
         width: 48%;
       }
     }
 
-    .quire-grid--3 {
+    .quire-grid--3 > * {
       width: 32%;
 
       @media print {
@@ -402,7 +411,7 @@
       }
     }
 
-    .quire-grid--4 {
+    .quire-grid--4 > * {
       width: 23.5%;
 
       @media print {
@@ -410,7 +419,7 @@
       }
     }
 
-    .quire-grid--5 {
+    .quire-grid--5 > * {
       width: 18.4%;
 
       @media print {
@@ -418,7 +427,7 @@
       }
     }
 
-    .quire-grid--6 {
+    .quire-grid--6 > * {
       width: 15%;
 
       @media print {
@@ -427,11 +436,11 @@
     }
 
     .quire-grid {
-      &--2,
-      &--3,
-      &--4,
-      &--5,
-      &--6 {
+      &--2 > *,
+      &--3 > *,
+      &--4 > *,
+      &--5 > *,
+      &--6 > * {
         @media screen and (max-width: $tablet) {
           width: 100%;
         }