The LocalStorage Wishlist Philosophy: Can Browser First Really Replace Bloated Apps?

Ask & Offer
, ,
14

You can push your CSS into form. When shadow DOM is created, app code pulls styles from the window.formStyles and you can add styles there like this from your liquid code.

<script>
  window.formStyles || (window.formStyles = new Map);
  formStyles.set('custom-font-rules', `
      h2 {
        font-family: "Mouse Memoirs", serif !important;
      }
      input#email {
        display: none;
      }
  `);
</script>

This is the form loader code:
https://cdn.shopify.com/extensions/5c56cf0f-6ddd-4b68-8de1-1e0d54a43a20/forms-2249/assets/loader.js