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/style/Textpattern/sass/modules/_layout.scss

@@ -90,6 +90,8 @@ noscript {
 .wrapper-footer {
     flex: 1;
     padding-bottom: 0.5em;
+    content-visibility: auto;
+    contains-intrinsic-size: 0 320px;
 }
 
 /**

src/style/Textpattern/sass/modules/_responsive.scss

@@ -138,6 +138,10 @@
      * Changes in styling for site footer.
      */
 
+    .wrapper-footer {
+        contains-intrinsic-size: 0 374px;
+    }
+
     .community-details,
     .host-details {
         display: block;