Skip to content
LESS syntax highlighting for Sublime Text.
CSS Python
Find file

README.md

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

Something went wrong with that request. Please try again.