Macvim CSS/Sass syntax highlighting error when using asterisk + slash

Question

I'm using a Compass sprite @import statement in my Sass stylesheet which includes all of the PNG files in a directory (@import 'place-detail-icons/*.png';). Problem is that Macvim sees everything after the /* as a CSS comment, and so it displays the rest of the stylesheet as a comment.

I was able to fix this by putting /**/ on the line below the @import statement in order to fake out Macvim. But was wondering if anyone's found a non-hack way to address this. Here's a larger selection of the code.

@import 'mixins/tabs';
@import 'mixins/timestamps';
@import 'mixins/triangles';
@import 'place-detail-icons/*.png';

  #modal .file-upload {
    margin-bottom: 20px;
  }

  #details {
    position: relative;
    left: -160px;
    width: 1280px;
    min-height: 410px;
    padding: 30px 0 50px;
    border-top: 1px solid $white;
  }

Conner · Accepted Answer · 2012-08-14 19:39:16Z

2

This is a problem with the CSS syntax file. If you look in :e $VIMRUNTIME/syntax/css.vim on line 179 you'll see this:

syn region cssInclude start="@import" end=";" contains=cssComment,cssURL,cssUnicodeEscape,cssMediaType

If you remove the cssComment from the contains= it will fix it; however, editing the built-in syntax files directly is not advised because your changes will be overwritten when you upgrade vim. Instead, open the file and :sav! ~/.vim/syntax/css.vim to create a duplicate that will override the built-in syntax first and edit that.

answered Aug 14, 2012 at 19:39

Conner

31.4k8 gold badges55 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Elliott Over a year ago

Doesn't seem to be working. I created the new file and edited w/ no effect, then tried editing the original with no luck, syntax is still wrong in MacVim and Vim.

Conner Over a year ago

You need to save the file and then set ft=css again or reopen the CSS file. It's working for me.

Elliott Over a year ago

And in order to make this solution work for Sass files, go through the same process above except open $VIMRUNTIME/syntax/sass.vim, then save and edit ~/.vim/syntax/sass.vim on or around line 56. Thanks Connor.

Simounet · Accepted Answer · 2014-10-13 13:45:45Z

1

Or you can put this into your ~/.vimrc file: au BufRead,BufNewFile *.scss setfiletype sass
Vim will use the Sass syntax with *.scss files.

answered Oct 13, 2014 at 13:45

Simounet

111 bronze badge

Collectives™ on Stack Overflow

Macvim CSS/Sass syntax highlighting error when using asterisk + slash

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related