Wonder if anyone could answer a few questions? Looking to create a syntax highlighter for CSS that is more permissive of an extended (Sass-like) syntax. The file format of the files will remain as .css but it will allow for nesting, variables and the like.
A typical code rule might look like this:
.hd-Nav_Wrapper {
display: flex;
padding-top: $size-half;
min-height: 150vh;
transition: transform .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
z-index: 10;
&[aria-expanded="true"] {
transform: translate3d(-30%, 0, 0);
}
@media (min-width: $XM) {
flex-direction: row;
flex: 1 0 100%;
padding: 0 $size-half;
}
}
Obviously the default Sublime CSS parser chokes on this syntax and fails to generate symbols (for ‘find in project’).
Q. Can a sublime-syntax plugin also set new symbol definitions? So that once a user selected the new language Sublime would be able to index symbols within the files (despite the files still having a *.css extension)?