Styles

It's also possible to use styles in EllJo. To use it you just need to add a style tag to your component.

<p>Hello world</p>

<style>
    p {
        color: red;
    }
</style>

By default all styles are scoped to the component where their are written. So the styles are only available for the elements that are defined in the component. If you want to disable this feature you need to add the global flag.

<p>Hello world</p>

<style global>
    p {
        color: red;
    }
</style>

Postcss

If you use EllJo with Vite the vite-plugin has an integrated postcss compiler. Then you can also write postcss in your component. For this you need to add the lang attribute.

<p>Hello world</p>

<style lang="postcss">
    p {
        color: red;
    }
</style>

Other Preprocessors

Other CSS preprocessor are currently not available. If there is another one available we will add it to this doc.