Provides syntax highlighting for .less files, along with snippets and completions.
20013-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.
With the Package Control plugin: The easiest way to install this package is through Package Control, which can be found at this site: http://wbond.net/sublime_packages/package_control
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/
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>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent