I'm trying to learn to use SASS to expand my web development skills but I've run into a problem. I'm running Windows 7 , I have installed both Ruby193 and SASS gem and I'm using Netbeans 8.0 as my IDE.
My system path points to C:\Ruby193\bin and I can type ruby -v from my command prompt without error, so I believe that is set up correctly.
Under CSS Preprocessors in project properties I have input set to /scss and output set to /css. In Configure Executables I have SASS path set to C:\Ruby193\bin\sass.bat. From what I have read, this is correct.
I've also got a simple project set up with two directories css and scss as well as an index.html with test text and a link to css/style.css in the header. In my scss directory I have style.scss with some test code. My css directory is empty. It is my understanding that when I compile SASS should generate a css/style.css from style.scss, however it does not.
Both Netbeans - installing SASS and Does Netbeans generate a separate CSS file when saving a SASS file? have the same problem I do, but neither solution seems to work for me. Could anyone offer me some help? I've also attached an image of my settings.
Thanks in advance for any help you can offer!
http://i.imgur.com/atyHT84.png
1) create css/styles.css.
2) type "--style compact" and check "Compile Sass files on save" in the CSS compact.
Related
I need some help with Sublime 4 please.
At the moment I use Prepros to compile my css.
I am trying to mimic the process of Prepros so i can us Sublime only.
I have:
installed the SASS package,
created build system: BuildIntoNewFolder
selected Save All On Build
This is my setup:
I wrote my scss in hidden scss file here:
/assets/scss/_style-header.scss
and
/assets/scss/_style-footer.scss
The hidden scss are imported to:
/assets/scss/style.scss
The style.scss are the compiled to:
/assets/css/_style.css
This all happens by simply saving _style-header.scss
Thank you
Does anyone one know what to add in the Sass path in a mac? All the tutorials I have found are for Windows: https://medium.com/#raaechelb/sass-installing-on-netbeans-and-getting-started-2b5ce99d985c
I have installed Ruby and Sass. I can get SCSS to compile if I use --watch in the command line, but I can't seem to get Netbeans to see SASS within the IDE. I have also tried the file path /usr/bin/sass suggested on the Netbeans website:https://netbeans.org/kb/docs/webclient/html5-editing-css.html
I keep getting 'SASS executable must be a valid file' - Any ideas?
enter image description here
Go to your terminal and type which sass. It should give you the path that you can copy and paste in NetBeans.
I am working on a project which has a number of sass files located in a sub directory called sass. I understand that in order for these files to be generated into css I am required to install ruby and compass.
I've done this. I am on a Windows 7 64bit OS. I downloaded the Ruby .exe from their site and ran it. I ran sass -v to check the version that was installed and it was Sass 3.4.1
Next I went into Netbeans and went tools->options->miscellaneous and went to the CSS Preprocessors tab. From here I entered the path to my sass.bat file which was was follows:
C:\Ruby193\bin\sass.bat
Following this I then restarted netbeans and opened a command line. I navigated to the sass folder of my project and ran the command compass watch however when I make a change to the sass file and save it is not being detected by compass which makes me think I've done something wrong.
I'd appreciate any help with this. I've not got a lot of experience with SASS.
I'm updating a PHP project using PHPStorm. I first started using SCSS by turning on the PHPStorm watch for the file type. It works fine. I then wanted to incorporate Compass. I successfully installed it and ran "Compass create --bare" in my project directory. Now when I include #import "compass/typography/vertical_rhythm", it can't find it. It's not surprising as there is no compass subdirectory. How do I install the required components? Didn't see any Compass option that seemed appropriate. I used the bare option because thats what's the Compass site gave me for an existing project.
Once I get it installed, do I need the Compass watch given I already have a file watcher running for SCSS files? The description of it indicates it does the same thing.
Running OS X 10.8.4
Answering my own question again. I should have plugged away a little longer. I'll leave this in case someone has the same problem.
The #import "compass/typography/vertical_rhythm is resolved by the the Compass compiler. Just running a vanilla SASS compiler isn't going to do it. At this point I make this happen by running compass compile on a bash command line. I haven't been been able to get the PHPStorm watcher to work correctly. A new version of PHPStorm was announced yesterday (5 Sep 2013) with additional support for Compass.
Update
There's another question here asking how to get compass compile to work with PHPStorm. It didn't work as written for me. I made a comment there on the changes I made to get it to do so.
We have started to use Sass with Compass for a new project. Currently I'm locally compiling scss to css and committing generated css file to svn (installed in test server) only. And because of that only I can work on Sass files and I want to give the ability to edit sass files to other developers too. and I would also like to setup the workflow in the manner we can work from anywhere, work on .scss file and compile (on save/commit) on server. without having Ruby, Sass gem, compass gem installed on local PC.
How to install sass, compass, chunky png on LAMP server and How to allow everyone to edit and compile .scss to .css file?
and we are also using SVN for version control.
If scss can be compiled to css in non-interactive mode
and
If compilation tools can be installed on test-server
you can try
Save real sources (*.scss) in repository
Post-commit hook in addition to current tasks (export of update WC for reflecting changes in repo) will get task of compiling scss
PS: Can't see any problem here - obvious task and obvious (single!)solution