Add fixed position background

Shopify · Apr 13, 2023 · 2e89412 · 2e89412
1 parent 345f339
commit 2e89412
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/assets/base.css b/assets/base.css
@@ -3260,6 +3260,16 @@ details-disclosure > details {
   clip-path: ellipse(45% 45% at 50% 50%);
 }
 
+/* Fixed background */
+.animate--fixed {
+  clip-path: inset(0);
+}
+
+.animate--fixed>img:not(.zoom):not(.deferred-media__poster-button),
+.animate--fixed>svg:not(.zoom):not(.deferred-media__poster-button) {
+  position: fixed;
+}
+
 /* Animations */
 
 @media (prefers-reduced-motion: no-preference) {

diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
@@ -403,6 +403,9 @@
           "options__2": {
             "label": "Ambient movement"
           },
+          "options__3": {
+            "label": "Fixed background position"
+          },
           "label": "Image behavior"
         }
       },