Formatter does not like `:root` when style is inlined

[jasonhibbs]

Extension is great, but I’ve got one issue in formatting.

While my style tag is inline, the :root selector is moved to strange places.

Here’s what I’m expecting:

    <style>
      /* Base */

      @import url('https://use.typekit.net/example.css');

      :root {
        --example-var: 16px;
      }
    </style>

Here’s what I’m getting:

    <style>
      /* Base */

      @import url('https://use.typekit.net/example.css');:root {
        --example-var: 16px;
      }
    </style>

When I remove the import and comment, I get:

    <style > :root 
    {
    --example-var: 16px;
    }
    </style>

[panoply]

Ouff. Interesting. Thanks for taking the time to submit an issue. I'll look into this asap and get out a patch. In the meantime wrap the :root selector in comment ignores, eg:

<style>
  /* Base */

  @import url('https://use.typekit.net/example.css');

  /* @prettify-ignore-start */
    :root {
      --example-var: 16px;
    }
  /* @prettify-ignore-end */

</style>

[panoply]

Shipping in 3.2.0