Skip to content
An extension for Brackets to show SASS hints in the code editor.
Branch: master
Clone or download
Latest commit d326156 Jun 23, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
data Update keywords, built-in functions and added css rules Jun 17, 2017
nls Add built-in sass functions into hint list May 15, 2017
screenshots Update readme and package Jun 22, 2017
styles
unittest-files
HintItem.js Added new feature: search for local variables and function/mixin para… May 24, 2017
LICENSE Add built-in sass functions into hint list May 15, 2017
ParameterHintManager.js Updated unit tests, that cover last changes Jun 22, 2017
README.md
main.js Updated unit tests, that cover last changes Jun 22, 2017
package.json Update readme and package Jun 22, 2017
unittests.js Updated unit tests, that cover last changes Jun 22, 2017

README.md

Sass code hints for Brackets

An extension for Brackets to show SASS hints in the code editor.

How to Install

  1. Select Brackets > File > Extension Manager...
  2. Search for this extension.
  3. Click on the Install button.

How to Use Extension

  • Keywords, Variables, Mixins
    • Type $ or @ to show respectively variables or keywords hint
    • Type @include to show mixins hint
    • Press Ctrl+Space near the variable/mixin/keyword to show hint list
  • Functions, Parameters
    • Press Ctrl+Shift+Space to show functions hint list. If cursor is between function parentheses, it shows parameters hint

Support

Currently only SCSS file format is supported.

Extension Preferences

codehint.SassHint (boolean)
If the value of this preference is true, sass hints will be enabled. Otherwise, the extenion will be disabled.

sasscodehints.maxHints (number)
This value determines maximum length of hint list.

sasscodehints.showBuiltFns (boolean)
This value define, whether built-in functions will be shown in hint list or not.

sasscodehints.commonLibs (string)
Absolute path to the common "partial" files.
When we import files by @import 'file' the extension firstly looking for a file in directory relative to edited file. If they not exists, script will continue searching in directory, which was passed by commonLibs preference.

For more information on setting preferences see How to Use Brackets - Preferences

Screenshots

variables
parameters and local / global variables example

mixins
keywords and mixins example

functions
functions example

Planned development

  1. Jump to definition

License

MIT-licensed -- see main.js for details.

Compatibility

Tested on Brackets 1.9 and 1.10 pre-release 2 (Windows 7).

You can’t perform that action at this time.