A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/cakebaker/scss-syntax.vim below:

cakebaker/scss-syntax.vim: Vim syntax file for scss (Sassy CSS)

Vim Syntax File for SCSS (Sassy CSS)

I recommend to use a plugin manager like Vundle for the installation.

Open your ~/.vimrc file and add the following line(s):

Plugin 'JulesWang/css.vim' " only necessary if your Vim version < 7.4
Plugin 'cakebaker/scss-syntax.vim'

Afterwards, run :PluginInstall in Vim.

git clone https://github.com/cakebaker/scss-syntax.vim ~/.vim/bundle/scss-syntax

Usually no configuration is necessary.

For highlighting CSS elements, this plugin relies on css.vim that comes bundled with Vim. Unfortunately, it's support for CSS3 is only rudimentary. To avoid highlighting issues I recommend to install the vim-css3-syntax plugin.

In some cases you might want to change the filetype from scss to scss.css, for example, if you want to use SnipMate's CSS snippets within your SCSS files. In this case, add the following line to your ~/.vimrc file:

au BufRead,BufNewFile *.scss set filetype=scss.css

Please be aware that this setting can cause problems with other plugins as mentioned in #41.

Function names starting with a keyword

Function names starting with a keyword (e.g. baseline-unit()) are not highlighted correctly by default. It can be fixed by adding the following line to your ~/.vimrc file:

autocmd FileType scss set iskeyword+=-

Please be aware that this setting also affects the behavior of the motion keys.


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4