Skip to content

$css doesn't work with css-nesting #2

@Vulcagon

Description

@Vulcagon
<script>
    import MyComponent from 'path/to/MyComponent.svelte';
</script>

<MyComponent class={$css('my-class')} />

<style>
    /* Unused CSS selector ".my-class" */
    .my-class {
        ...

        &:hover {
            ...
        }
    }
</style>

It works if you don't use css-nesting

<script>
    import MyComponent from 'path/to/MyComponent.svelte';
</script>

<MyComponent class={$css('my-class')} />

<style>
    /* No `Unused CSS selector` warning */
    .my-class {
        ...
    }

    .my-class:hover {
        ...
    }
</style>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions