ahmedam55/sasssolution

sublime plugin to autocomplete all vars and mixins in files you set in the setting file

SassSolution

Sublime plugin to autocomplete all SASS vars and mixins in files you set in the setting file

Easy installation

You can install SassSolution through the Package Control.

1. Press cmd/ctrl + shift + p to open the command palette.
2. Type "install package" and press enter. Then search for "Sass Solution"

Manual installation

1. Download the latest release, extract and rename the directory to "SassSolution".
2. Move the directory inside your sublime Packages directory. (Preferences > Browse packages...)

Configuration

To use the autocompletion you have to define path(s) in the plugin settings so the plugin knows what to parse. The easiest way is right clicking a folder or file in the sidebar and choose SassSolution > Add to AutoComplete. This will add the appropriate path to your user settings of Sass Solution:

{
    "files": [],
    "folders": ["/Users/sassninja/Development/testProject"]
}

Apart from that you must choose SCSS syntax in the editor when you want to use the autocompletion. You can use the plugin SCSS if you can't choose it yet. SASS syntax doesn't work because Sass Solution currently only supports SCSS.

sasssolution's Issues

Not working with SCSS syntax

Using ST3 3120 with Syntax Highlighting For Sass. After adding files to watch nothing appears in the autocompete popup.

Looks awesome but autocompletition doesn't work.

I did exactly the same thing as on screencast. Created 2 files, added one to files array and nothing. Added both, nothing. Added directory and...still nothing.

Support .sass?

Looking at the code, only .scss is searched.

Further development

it this package still getting developed further?

It took me about an hour to get the autocompletion running (the doc should be more clear).
After changing my .scss file to scss syntax (I prefer the sass syntax for .scss files because my theme looks better then) and adding the project root folder, autocomplete works partially.
But nevertheless not all variables seems to be found and I'm missing more autocomplete features (not only extend, but also functions).

Since there doesn't seem to be many good sass autocomplete packages for SL out there (yours seems to be the best) I'm considering using another editor than SL...

Do you have any plans to continue the development of this package?

Console errors..

Hi
Getting the following errors in console:

Traceback (most recent call last):
  File "/Applications/Sublime Text.app/Contents/MacOS/sublime_plugin.py", line 389, in run_callback
    expr()
  File "/Applications/Sublime Text.app/Contents/MacOS/sublime_plugin.py", line 522, in <lambda>
    run_callback('on_activated', callback, lambda: callback.on_activated(v))
  File "main in /Users/user/Library/Application Support/Sublime Text 3/Installed Packages/SassSolution.sublime-package", line 12, in on_activated
  File "main in /Users/user/Library/Application Support/Sublime Text 3/Installed Packages/SassSolution.sublime-package", line 191, in runEngine
  File "main in /Users/user/Library/Application Support/Sublime Text 3/Installed Packages/SassSolution.sublime-package", line 66, in isSass
AttributeError: 'NoneType' object has no attribute 'endswith'
no such prop row_padding

Not sure if the last line no such prop row_padding is relevant but included it in case it is.
Cheers
James

Settings file location

Hi
Just found your plugin and so far it's working nicely.

Question regarding the settings file.

Wouldn't it make more sense for paths to be saved either in the project file ie project.sublime-project or maybe as a .sasssolutions file in the project root?

The reason I suggest this is I assume SassSolutions 'watches' the files in the folder paths defined.. so when I've added more projects to the current settings file, I'll be given suggestions of classes and mixins etc from other projects... or am I misunderstanding how it works?
Cheers
James

Not working on Windows

Thanks for your package. It's very good idea, but it seems not working, for me at least. Should I provide any additional settings? I use https://github.com/hudochenkov/Syntax-highlighting-for-PostCSS for syntax highlighting.

Doesn't work with syntax highlighting for sass or scss

It seems dont work for me, i'm using sublime text 3. i'm affraid it's conflicted with one of these plugins: emmet, autofilename, syntax highlighting for sass
The scss plugin you mentioned seems obsolete and isn't under maintained

support for the placeholder selector

Hello,

First, thank you for creating this nice plugin !

I would love to have auto-completion for the placeholder selector in SASS. I use them as much as the standard variables in my code.

I've yet to find a Sublime plugin that works with the placeholder selectors.

Adding a file to autocomplete list results in a folder-like path

Hi! Thanks for the plugin.

When I add a file to the settings by right-clicking on it in the sidebar and choosing the Add to Autocomplete command, a folder-like path gets added to the settings file with a slash appended in the end. Because of that the plugin doesn't find any file and a NotADirectoryError: [Errno 20] Not a directory: error is generated in the console:

{
	"files":
	[
		"/Users/.../git/wp-content/themes/.../scss/abstracts/_mixins.scss/",
		"/Users/.../git/wp-content/themes/.../scss/abstracts/_vars.scss/"
	]
}

If I remove the slash manually, autocomplete works as needed.

The Sublime Text is 3126, plugin version is latest.