8000 [SCSS] Consider using new SCSS grammar (nested properties with shorthand values break syntax highlighting) · Issue #81038 · microsoft/vscode · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content
[SCSS] Consider using new SCSS grammar (nested properties with shorthand values break syntax highlighting)  #81038
Open
@burtek

Description

@burtek

Issue Type: Bug

Nested properties of SCSS break syntax highlighting when provided both shorthand-value and sub-values:

image
image

The issue is reproducible with all extensions disabled. Snippet from screenshot:

.button {
    @include fontDemi;

    border: 0 {
        radius: 30px;
    };
    background-color: $buttonColor;
    font-size: 1vw;
    padding: 1.8vh 1.5vw;
    text-transform: uppercase;
    letter-spacing: 1px;
}

VS Code version: Code 1.38.1 (b37e54c, 2019-09-11T13:35:15.005Z)
OS version: Windows_NT x64 10.0.18362

System Info
Item Value
CPUs Intel(R) Core(TM) i7-4770K CPU @ 3.50GHz (8 x 3498)
GPU Status 2d_canvas: enabled
flash_3d: enabled
flash_stage3d: enabled
flash_stage3d_baseline: enabled
gpu_compositing: enabled
multiple_raster_threads: enabled_on
native_gpu_memory_buffers: disabled_software
oop_rasterization: disabled_off
protected_video_decode: unavailable_off
rasterization: enabled
skia_deferred_display_list: disabled_off
skia_renderer: disabled_off
surface_synchronization: enabled_on
video_decode: enabled
viz_display_compositor: disabled_off
webgl: enabled
webgl2: enabled
Load (avg) undefined
Memory (System) 15.69GB (2.83GB free)
Process Argv
Screen Reader no
VM 0%
Extensions (53)
Extension Author (truncated) Version
replacerules bhu 0.2.7
vscode-intelephense-client bme 1.2.3
path-intellisense chr 1.4.2
bracket-pair-colorizer-2 Coe 0.0.28
vscode-eslint dba 1.9.1
xml Dot 2.5.0
eslint-disable-snippets drK 1.2.0
gitlens eam 9.9.3
prettier-vscode esb 2.2.2
vscode-commands fab 1.2.5
vscode-todo-plus fab 4.14.1
cshtml-tm fir 1.0.0
auto-close-tag for 0.5.6
auto-rename-tag for 0.1.0
vscode-yarn gam 1.6.0
sass-lint gle 1.0.6
gc-excelviewer Gra 2.1.32
npm-dependency-links her 1.0.1
beautify Hoo 1.5.0
vscode-react-typescript inf 1.3.1
run-in-terminal kor 0.0.1
yarn-lock-syntax mar 0.1.3
twig-language mbl 0.8.10
twig-language-2 mbl 0.8.10
rainbow-csv mec 1.3.1
code-beautifier mic 2.3.3
vscode-clang mit 0.2.3
vscode-apache mrm 1.2.0
vscode-jade-snippets mrm 1.0.1
vscode-json5 mrm 1.0.0
vscode-scss mrm 0.6.2
vscode-docker ms- 0.8.1
remote-wsl ms- 0.39.5
csharp ms- 1.21.2
powershell ms- 2019.5.0
sublime-keybindings ms- 4.0.3
typescript-javascript-grammar ms- 0.0.52
vscode-typescript-tslint-plugin ms- 1.2.2
debugger-for-chrome msj 4.11.7
vscode-react-native msj 0.11.0
color-highlight nau 2.3.0
vscode-versionlens pfl 0.24.0
vscode-react-refactor pla 1.0.5
quicktype qui 12.0.46
vscode-sort-json ric 1.14.0
multi-command ryu 1.3.0
react-component-refactor san 0.2.0
stylelint shi 0.51.0
code-spell-checker str 1.7.18
shell-launcher Tyr 0.3.0
vscode-icons vsc 9.3.0
vscode-todo-highlight way 1.0.4
txt-syntax xsh 0.0.3

Metadata

Metadata

Assignees

Labels

css-less-scssIssues and items concerning CSS,Less,SCSS stylingfeature-requestRequest for new features or functionalitygrammarSyntax highlighting grammarupstreamIssue identified as 'upstream' component related (exists outside of VS Code)upstream-issue-linkedThis is an upstream issue that has been reported upstream

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions

    0