Customize for Lit.js

[MorviNord]

Hi

Can you please tell me how to customize it for Lit component?

The &-container is not working

@customElement('welcome-component')
export class MyComponent extends StyledElement {
  static styles = css`
    .welcome {
      display: flex;

      justify-content: center;

      &-container {
        display: flex;

        filter: drop-shadow(0 0 2em #646cffaa);
      }
    }
  `;
}

[ai]

Hi, again. As I already told, postcss and postcss-nested is a low level JS API to work with string.

If you want to compile your components, you need first to parse Lit syntax (and find Lit parser). Ask StackOverflow or ChatGPT.

I am closing it since it is a question and not an issue.