Skip to content

Nesting doesn't work in scoped SCSS? #135

Answered by ElMassimo
brycewray asked this question in Q&A
Discussion options

You must be logged in to vote

Hi @brycewray!

The repo you've linked to seems to be private.

I don't recall experiencing this issue, as îles is relying on Vue to process styles as usual.

Perhaps the rule is being generated, but the p element is not in the component template, so the rule does not apply (as intended when using scoped styles).

Have you tried using .blueBox :deep(p) instead?

That will cause Vue to scope the .blueBox reference, but let the p referenced unscoped, so any p elements rendered inside children components would be styled as well.

Replies: 1 comment 3 replies

Comment options

You must be logged in to vote
3 replies
@brycewray
Comment options

@ElMassimo
Comment options

@brycewray
Comment options

Answer selected by ElMassimo
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
2 participants