specify sd card spacing for no custom var support

leftfield-geospatial · May 14, 2023 · 90459e3 · 90459e3
1 parent 52d7939
commit 90459e3
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/site/_styles/main-content.css b/site/_styles/main-content.css
@@ -26,6 +26,16 @@
     /* outline: 1px solid red; */
 }
 
+/* spacing for browsers without custom var support */
+.sd-row>* {
+    padding-right: 0.25rem;
+    padding-right: calc(var(--sd-gutter-x) * 0.5);
+    padding-left: 0.25rem;
+    padding-left: calc(var(--sd-gutter-x) * 0.5);
+    margin-top: 0.5rem;
+    margin-top: var(--sd-gutter-y);
+}
+
 /* for no flex wrap support, turn card borders off as adjacent cards will not have the same height.  
 must come after related colour style(s) which turn borders on. */
 .bd-content .sd-card {