From: Vladimír Vondruš <mosra@centrum.cz>
Date: Wed, 18 Oct 2017 13:00:00 +0000 (+0200)
Subject: css: get rid of combined margin overrides for inflatable content.
X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~cjwatson/git?a=commitdiff_plain;h=46dc587bd4f876d43546e601c798ca54af7e63a0;p=blog.git

css: get rid of combined margin overrides for inflatable content.

In particular, these were treated by the browser as having more priority
than the :last-child selectors removing the bottom padding on elements
on bottom of sections / page.

Hopefully I didn't break anything else with this :D
---

diff --git a/css/m-components.css b/css/m-components.css
index 6b1f79d3..8b4f10f1 100644
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -1035,25 +1035,29 @@ article section:target figure.m-code-figure {
 #m-container-inflatable > .m-row > [class*='m-col-'] section > .m-imagegrid,
 #m-container-inflatable > .m-row > [class*='m-col-'] section > pre.m-code,
 #m-container-inflatable > .m-row > [class*='m-col-'] section > figure.m-code-figure {
-  margin: 0 -1rem 1rem -1rem;
+  margin-left: -1rem;
+  margin-right: -1rem;
 }
 
 @media screen and (min-width: 576px) {
   #m-container-inflatable > .m-row > .m-col-s-10 > .m-imagegrid.m-container-inflate,
   #m-container-inflatable > .m-row > .m-col-s-10 section > .m-imagegrid.m-container-inflate {
-    margin: 0 -10% 1rem -10%;
+    margin-left: -10%;
+    margin-right: -10%;
   }
 }
 @media screen and (min-width: 768px) {
   #m-container-inflatable > .m-row > .m-col-m-10 > .m-imagegrid.m-container-inflate,
   #m-container-inflatable > .m-row > .m-col-m-10 section > .m-imagegrid.m-container-inflate {
-    margin: 0 -10% 1rem -10%;
+    margin-left: -10%;
+    margin-right: -10%;
   }
 }
 @media screen and (min-width: 992px) {
   #m-container-inflatable > .m-row > .m-col-l-10 > .m-imagegrid.m-container-inflate,
   #m-container-inflatable > .m-row > .m-col-l-10 section > .m-imagegrid.m-container-inflate {
-    margin: 0 -10% 1rem -10%;
+    margin-left: -10%;
+    margin-right: -10%;
   }
 }