Enable content-visibility:auto for certain elements

Author: philwareham

.stylelintrc.yml

@@ -390,7 +390,11 @@ rules:
   property-case: lower
 
   # Disallow unknown properties.
-  property-no-unknown: true
+  property-no-unknown:
+    - true
+    -
+      ignoreProperties:
+        - contains-intrinsic-size
 
   # Disallow vendor prefixes for properties.
   property-no-vendor-prefix:

src/assets/sass/modules/_layout.scss

@@ -110,6 +110,8 @@ noscript {
 .wrapper-footer {
     flex: 1;
     padding-bottom: 0.5em;
+    content-visibility: auto;
+    contains-intrinsic-size: 0 374px;
 }
 
 /**
@@ -289,6 +291,8 @@ section {
 .wrapper-inner {
     position: relative;
     padding: 1em 0;
+    content-visibility: auto;
+    contains-intrinsic-size: 0 500px;
 }
 
 .zebra {