Can't register property?

[saidwho12]

I'm trying to use asmcss to register an option, my code looks like:

:root {
  --aspect-ratio--register: true;
}

however, it seems like it's not working when I use it later in a div

<div xs="w:100%; aspect-ratio:4/3">
	...
</div>

when I look at the browser dev panel there is no aspect-ratio property used on that element at all.

[saidwho12]

I'm importing asmcss in the following way:

      <script
        type="text/javascript" src="/static/js/assembler.min.js"
        data-generate="true"
        data-x-style-attribute="xs"
        data-mode="mobile-first">
      </script>

this is at the end of the body tag

[saidwho12]

nvm figured it out, this doesn't work if the CSS is loaded from a file it seems like. You have to to it inline like the following:

<style>
  :root {
    --primary: #319dfc;
    --aspect-ratio--register: true;
  }
</style>