---

Ⅰ. 插件描述

plugin for Vim SnipMate to add SCSS and Compass support

Ⅱ. 基本信息

创建日期：  2013-01-13 使用用户：  4 Github星：  4 插件作者：  Sam

Ⅲ. 安装方法

使用Vundle管理器安装

在你的.vimrc下添加:

Plugin 'kwaledesign/scss-snippets'

… 然后在Vim中运行以下命令:

:source %
:PluginInstall

对于Vundle版本 < 0.10.2，请用上面的Bundle替换Plugin。

使用NeoBundle管理器安装

在你的.vimrc下添加:

NeoBundle 'kwaledesign/scss-snippets'

… 然后在Vim中运行以下命令:

:source %
:NeoBundleInstall

使用VimPlug管理器安装

在你的.vimrc下添加:

Plug 'kwaledesign/scss-snippets'

… 然后在Vim中运行以下命令:

:source %
:PlugInstall

使用Pathogen管理器安装

在终端中运行以下命令:

cd ~/.vim/bundle
git clone https://github.com/kwaledesign/scss-snippets

Ⅳ. 文档说明

# SASS and Compass Snippets for Vim's Snipmate Plugin

scss-snippets is a Vim SnipMate plugin to enable auto-completion for SCSS and much of Compass. It also includes a revised version of [honza's]()
css.snippets to facilitate granular control over snippet collisions and to closely integrate with Compass allowing for quicker updates as browsers drop the prefixed versions of CSS properties.

Installation

Required

• Install vim-snipmate

Install via Pathogen

$ cd ~/.vimrc/bundle
$ git clone https://github.com/kwaledesign/scss-snippets.git

• Reload Vim (or :source ~/.vimrc)

Install via Vundle

• Add Bundle 'kwaledesign/scss-snippets' to your .vimrc
• Reload Vim (or :source ~/.vimrc)
• Call :BundleInstall from Vim's commandline

Manual Installation

• Put scss.snippet in your chosen SnipMate's snippets/ dir
• Restart Vim
• Call :set filetype=scss or,
• have filetype on in your .vimrc (recommended)

Notes

See scss.snippets for the actual snippets.

Sass

• Most SassScript functions use the first three letters of the function.

Compass

• The majority of Compass is included, specificly:

  • css3 module
  • vertical rhythm from the typography module
  • most of the helpers module including sprites and grid functions.
• Included modules have snippets for variables, constants, functions, and mixins.
• Compass constants and variables are prefixed by '$', mixins are prefixed with '@', functions are unprefixed.
• Most all compass features are mapped to first letter abbreviations, for example: @dbc expands to default-background-clip

• Noted omissions:

  • I don't find everything in the Compass framework useful. Features I don't
    use were left out. If any of these ommissions disapoint you, please file

  an issue, or even better a pull request.

CSS

• The majority of [honza's]()
  css.snippets

are included, along with the following modifications:

• All prefixed css properties were removed in favor of the above Compass CSS3
  Module snippets
• Also, the ability to tab out of the current property into a new line was
  added to each css snippet. This functionality is consistient with both the
  Sass and Compass snippets.

To Do

• Remove Compass CSS3 prefixed snippets and remap to the unprefixed CSS3
  versions as needed.
• Potentially expand Compass support if community demand exists

License:

scss-snippets is licensed under the terms of the MIT license.