Syntax-highlighting-for-Sass icon indicating copy to clipboard operation
Syntax-highlighting-for-Sass copied to clipboard

Some element selectors incorrectly scoped when used with pseudo selector

Open JonathanHolvey opened this issue 7 years ago • 3 comments

I've found that many element selectors (div, form, input, button, h1...h6 amongst others) will be scoped as property names rather than elements when the following is true:

  • The element name is longer than one character
  • They are used with pseudo classes or pseudo elements, eg button::before
  • They are indented at least one level (but not necessarily nested)

The image below shows the issue, as well as one working example, using the a element selector.

screenshot_20180201-200954

I'm using package version 1.2.3 with Sublime Text 3.0 build 3143

JonathanHolvey avatar Feb 01 '18 10:02 JonathanHolvey

This is happening to me too... Mac Sublime Text v3153. I've tried tried fixing by changing color scheme settings but no luck. I think its a bug.

jplarose80 avatar Feb 01 '18 13:02 jplarose80

@JonathanHolvey I found a fix/ability to revert back to the old version if you're interested in it:

https://github.com/ronilaukkarinen/Syntax-highlighting-for-Sass-legacy

To install this plugin from Github, follow these steps:

  1. Open Sublime and open "Package Control" (cmd + shift + p).
  2. Type "Add Repository"; select the result (hit enter).
  3. At the bottom of your Sublime window you will see a text input that prompts you for the Github URL.
  4. Copy and paste the github link
  5. Give Sublime a sec to add the repo.
  6. Open "Package Control" again (cmd + shift + p) and type "Install Package" and "syntax highlighting for sass legacy"

jplarose80 avatar Feb 01 '18 13:02 jplarose80

thanks for the instructions on reverting to the old version @jplarose80 . I've been having a lot of issues with the new one =\

yangkennyk avatar Feb 07 '18 17:02 yangkennyk