Comments (3)
Screenshot of syntax highlighting breaking
from language-sass.
Thanks for the report - I assume for the .vue syntax highlighting you're using https://atom.io/packages/language-vue? That's what I installed to check things out -
Syntax highlighting after
@each
directive is broken.
I can reproduce on macOS 10.14.6 with 1.40.1 using:
<style lang="scss">
@each $key, $value in $map {
.color-#{$key} {
stroke: $value;
}
}
</style>
<script>
import { pie, arc } from 'd3-shape'
</script>
With the @each
:
Removing the @each
section:
So the last </style>
is highlighted correctly and the import
line has highlighting too.
from language-sass.
Replacing the line with
'end': '\\s*(?={)'
as in the similar@if
-directive fixes the issue.See the following branch in our fork for a fix that solves the issue https://github.com/internetfriendsforever/language-sass/tree/each-directive-fix
Just wanted to check if you would you be up for opening a pull request to resolve the issue? Asking since you've done the leg-work here 😄
from language-sass.
Related Issues (20)
- SCSS modern properties HOT 2
- Scss grammar support for Range-Format Media Queries HOT 1
- Sass TM language: `backdrop-filter` property HOT 1
- Root-level @at-root selector in SCSS partial causes false syntax errors HOT 6
- Support for New @use and @forward syntax HOT 1
- [SCSS] Wrong tokenization of @extend rule HOT 2
- Vue broken ::v-deep highlighting HOT 2
- End of line comments not detected in indented Sass
- Support @use synatax highlighting HOT 6
- SCSS Attribute Selector Syntax Highlighting Broken
- SCSS Attribute Selector Syntax Highlighting Broken HOT 1
- sass modules @use and @forward formatting is broken HOT 1
- @include mixin names not recognized and now grey colored
- SCSS Comment and mixin highlighting broken HOT 7
- scss grammar lack of syntax highlight of :host-context() and other experimental pseudo-classes
- `-` character in a font family tokenized as `support.constant.mathematical-symbols.scss`
- support.function.misc.scss applied inconsistently HOT 1
- functions do not have the correct tokens with space after the function name
- some scss properties aren't highlighted correctly
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from language-sass.