Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Nested SCSS elements are unstyled

See original GitHub issue

Using vetur 0.3.1

Nesting works on everything but a few elements. div is expected to be pink - like it’s parent, but is displayed with no styling.

Issue Analytics

State:
Created 7 years ago
Comments:10 (5 by maintainers)

Top GitHub Comments

1reaction

stealthyboxcommented, Feb 12, 2017

@octref Vetur’s super useful! Pushed a couple of my teammates away from WebStorm because of the quality of this plugin.

I’ve been using vetur with single quotes for a few months now using a different grammar mod.

Basically instead of: lang=["'](jade|pug)(?:\?[^"]*)?["']) I do: lang=("(jade|pug)(?:\?[^"]*)?"))|('(jade|pug)(?:\?[^']*)?'))

This prevents "jade’ from being valid. (Also, the current code is missing a single quote in the negated character class.)

Would you take a quick PR? Which implementation do you prefer?

1reaction

octrefcommented, Feb 11, 2017

Couldn’t believe the original grammar didn’t cover single quote for lang attribute… <style lang='scss'> literally wouldn’t work.

Just published 0.3.2. Can you try upgrading?

Top Results From Across the Web

Nesting in Sass

The Sass makes it appear as though you just styled a simple link, but once the Sass is compiled you end up with...

Two Issues Styling the Details Element and How to Solve Them

Nesting a block-level element (e.g. a heading) inside a <summary> element pushes that content down below the arrow marker, rather than keeping ...

CSS · Bootstrap

Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system. Overview. Get the lowdown on the...

Nested SCSS and targeting the parent - Stack Overflow

Basically I'm using an icon font and I want the icons (added using the :before element) to appear lighter than the text it's...

Styles - Lit.dev

For tree-based or per-instance style customization, use CSS custom properties to allow elements to be themed. To prevent Lit components from evaluating ...