Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve @import SCSS Navigate #79444

Closed
yungeggz opened this issue Aug 19, 2019 · 1 comment
Closed

Improve @import SCSS Navigate #79444

yungeggz opened this issue Aug 19, 2019 · 1 comment
Assignees
Labels
css-less-scss Issues and items concerning CSS,Less,SCSS styling *duplicate Issue identified as a duplicate of another issue(s) feature-request Request for new features or functionality

Comments

@yungeggz
Copy link

Hello, I just updated to the most recent vscode:

Version: 1.37.1 (system setup)
Commit: f06011a
Date: 2019-08-15T16:17:55.855Z
Electron: 4.2.7
Chrome: 69.0.3497.128
Node.js: 10.11.0
V8: 6.9.427.31-electron.0
OS: Windows_NT x64 10.0.17763

And it looks like in the release notes there was a message about improvement to the searched locations for @import scss statements. This is a suggestion to provide additional support for ~ syntax. In the app portion of my project, I have a generalized sass folder that holds common sass files for the application. Throughout stylesheets in components, I reference these common sass files via imports using the ~ syntax to resolve the folder location regardless of the current depth of the component that calls these stylesheets:

@import '~app/sass/mixins';
@import '~app/sass/forms';

It would be nice if vscode was also be able to parse this as trying to navigate to the stylesheet yields an error:

Unable to open 'mixins': Unable to read file (Error: File not found (d:\Projects\MyProjectName\MyAppName\Angular\src\app\component-name\component-name\component-name\component-name\app\sass\mixins)). (folder path replaced with generic names i.e. component-name, MyProjectName, and MyAppName for anonymity)

@octref octref added css-less-scss Issues and items concerning CSS,Less,SCSS styling feature-request Request for new features or functionality labels Aug 19, 2019
@octref octref added this to the August 2019 milestone Aug 19, 2019
@octref octref modified the milestones: August 2019, September 2019 Aug 26, 2019
@octref octref modified the milestones: September 2019, October 2019 Sep 30, 2019
@octref
Copy link
Contributor

octref commented Oct 22, 2019

Duplicate of #78894.

@octref octref closed this as completed Oct 22, 2019
@octref octref added the *duplicate Issue identified as a duplicate of another issue(s) label Oct 22, 2019
@chrmarti chrmarti removed this from the October 2019 milestone Oct 29, 2019
@vscodebot vscodebot bot locked and limited conversation to collaborators Dec 6, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
css-less-scss Issues and items concerning CSS,Less,SCSS styling *duplicate Issue identified as a duplicate of another issue(s) feature-request Request for new features or functionality
Projects
None yet
Development

No branches or pull requests

3 participants