SASS Build
SASS build sytem for Sublime Text 2
Details
Installs
- Total 202K
- Win 128K
- Mac 56K
- Linux 18K
Jul 26 | Jul 25 | Jul 24 | Jul 23 | Jul 22 | Jul 21 | Jul 20 | Jul 19 | Jul 18 | Jul 17 | Jul 16 | Jul 15 | Jul 14 | Jul 13 | Jul 12 | Jul 11 | Jul 10 | Jul 9 | Jul 8 | Jul 7 | Jul 6 | Jul 5 | Jul 4 | Jul 3 | Jul 2 | Jul 1 | Jun 30 | Jun 29 | Jun 28 | Jun 27 | Jun 26 | Jun 25 | Jun 24 | Jun 23 | Jun 22 | Jun 21 | Jun 20 | Jun 19 | Jun 18 | Jun 17 | Jun 16 | Jun 15 | Jun 14 | Jun 13 | Jun 12 | Jun 11 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 0 | 4 | 5 | 3 | 4 | 0 | 1 | 1 | 0 | 4 | 1 | 1 | 1 | 1 | 3 | 0 | 1 | 1 | 1 | 3 | 0 | 3 | 1 | 1 | 1 | 1 | 1 | 2 | 3 | 2 | 0 | 0 | 2 | 3 | 1 | 3 | 2 | 4 | 1 | 6 | 1 | 5 | 1 | 1 | 3 | 2 |
Mac | 2 | 0 | 1 | 1 | 1 | 0 | 0 | 1 | 1 | 0 | 0 | 0 | 1 | 1 | 0 | 0 | 0 | 3 | 3 | 1 | 0 | 3 | 0 | 1 | 1 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 3 | 0 | 0 | 2 | 0 | 0 | 1 | 1 | 1 | 2 | 0 | 1 | 1 | 1 |
Linux | 0 | 0 | 0 | 2 | 1 | 0 | 0 | 0 | 0 | 0 | 2 | 1 | 1 | 0 | 0 | 1 | 2 | 0 | 1 | 0 | 0 | 0 | 0 | 2 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 2 | 0 | 0 | 0 | 1 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 0 |
Readme
- Source
- raw.githubusercontent.com
SASS build system for Sublime Text 2
Note: I'm working in a portable version of the SASS build with all the libraries included & ready to use. It will be available (I hope!) the next week.
Description
Provides two Build system for SASS files (with and without compression)
Prerequisites
Requires Ruby & SASS libraries.
Step by step:
Install Ruby library
Windows: Download and install Ruby. You can find it here: http://rubyinstaller.org/downloads/
Reboot after install it.
IMPORTANT: Don't forget to mark the option 'Add Ruby executables to your PATH'. If you don't check the option, you will have to modify the path in the Build file afterwards.
OS X & Linux: It's already installed. Easy! :)
Installing SASS
Open your console ('Command prompt with Ruby' on Windows) and execute the following command:
gem install sass
Installing
OPTION 1 - With the Package Control plugin (recommended)
The easiest way to install this package is through Package Control.
Download and install the Package Control Plugin. Follow the instructions on the website.
Open the command panel:
Control+Shift+P
(Linux/Windows) orCommand+Shift+P
(OS X) and select 'Package Control: Install Package'.When the packages list appears type 'SASS' and you'll find the SASS Build System. Select to install it.
Now you can compile your SASS files! Launch your build with
Control+B
(Linux/Windows) orCommand+B
(OS X).Enjoy your coding =)
OPTION 2 - With Git
Clone the repository in your Sublime Text “Packages” directory:
git clone git://https://github.com/jaumefontal/SASS-Build-SublimeText2.git SASS-build
You can find your 'Packages' inside the following directories:
- OS X:
~/Library/Application Support/Sublime Text 2/Packages/
- Windows:
%APPDATA%/Sublime Text 2/Packages/
- Linux:
~/.Sublime Text 2/Packages/
OPTION 3 - Without Git
Download the latest source zip from Github and extract it into a new folder named SASS-Build
in your Sublime Text “Packages” folder.
Using the build
After installing the package you will find two new options in Tools > Build system
of your Sublime menu: SASS and SASS - Compressed.
By default your .scss
and .sass
files will be built using the SASS build (not compressed).
And remember, always you can launch the selected build with Control+B
(Linux/Windows) or Command+B
(OS X).
Recommendations
- Is recommended to use this build with one of the next plugins: SASS plugin or SCSS.tmbundle.
- Also, I recommend the plugin SublimeOnSaveBuild. Just save your SASS files and transform them into CSS!
- If you want to change the default folder of your generated CSS files into another one, you can edit the build:
Example: Save your CSS files into a css
folder:
"cmd": ["sass", "--update", "$file:${file_path}/../css/${file_base_name}.css"],
Author
Created by Jaume Fontal (@jaumefontal).
If you need more info you can find me on Twitter!
Acknowledgments
Thanks to the collaboration of @hdennison with the testing in MacOS.