guocheng / LESS-sublime

LESS syntax highlighting for Sublime Text.

LESS syntax for Sublime Text

Provides syntax highlighting for .less files, along with snippets and completions.

Changelog

2013-10-01

• Added a setting to enable auto-insertion of semicolons (default: false).

2013-08-15

• Complete refactor based on Sublime's default CSS package.
• Scope is now: source.less. Please update user snippets/binds accordingly.
• Added CSS completions, while retaining same-file completions.
• Added snippets for LESS and CSS functions.

Installing

With the Package Control plugin: The easiest way to install this package is through Package Control, which can be found at this site: https://sublime.wbond.net/installation

Once you install Package Control, restart ST2 and bring up the Command Palette (Command+Shift+p on OS X, Control+Shift+p on Linux/Windows). Select "Package Control: Install Package", wait while Package Control fetches the latest package list, then select LESS when the list appears.

Without Git: Download the latest source zip from github and extract the files to your Sublime Text "Packages" directory, into a new directory named LESS.

With Git: Clone the repository in your Sublime Text "Packages" directory:

git clone git://github.com/danro/LESS-sublime.git LESS

The "Packages" directory is located at:

• OS X: ~/Library/Application Support/Sublime Text 2/Packages/
• Linux: ~/.Sublime Text 2/Packages/
• Windows: %APPDATA%/Sublime Text 2/Packages/

Settings

Settings may be accessed through the main Sublime menu:

Preferences > Package Settings > LESS

{
  // Boolean setting to auto-insert a semicolon after a ":" is typed.
  "auto_insert_semicolon": false
}

Color Scheme

Some snippets to use in your favorite .tmTheme file.

<dict>
  <key>name</key>
  <string>css.id</string>
  <key>scope</key>
  <string>entity.other.attribute-name.id.css</string>
  <key>settings</key>
  <dict>
    <key>foreground</key>
    <string>#E5D56D</string>
  </dict>
</dict>
<dict>
  <key>name</key>
  <string>css.class</string>
  <key>scope</key>
  <string>entity.other.attribute-name.class</string>
  <key>settings</key>
  <dict>
    <key>foreground</key>
    <string>#A0C25F</string>
  </dict>
</dict>
<dict>
  <key>name</key>
  <string>less.mixin</string>
  <key>scope</key>
  <string>entity.other.less.mixin</string>
  <key>settings</key>
  <dict>
    <key>foreground</key>
    <string>#98E124</string>
  </dict>
</dict>
<dict>
  <key>name</key>
  <string>less.variable</string>
  <key>scope</key>
  <string>variable.declaration.less</string>
  <key>settings</key>
  <dict>
    <key>foreground</key>
    <string>#FEB55A</string>
  </dict>
</dict>
<dict>
  <key>name</key>
  <string>css.element</string>
  <key>scope</key>
  <string>keyword.control.html.elements</string>
  <key>settings</key>
  <dict>
    <key>foreground</key>
    <string>#DA4632</string>
  </dict>
</dict>
<dict>
  <key>name</key>
  <string>css.string</string>
  <key>scope</key>
  <string>meta.attribute-selector.css</string>
  <key>settings</key>
  <dict>
    <key>foreground</key>
    <string>#FF950A</string>
  </dict>
</dict>

Copied from my Sublime theme