By patoshi on

Hi,

im thinking about making a SASS theme for drupal, but im still quite new to SASS. If i was to convert the Zen theme CSS files into SASS, how would i name the files? styles.sass? or leave it as styles.css with the SASS coding in there? and if were to be .sass, how do you link them?

thanks

⋅ Categories: Drupal 6.x

Comments

univate’s picture

univate commented

Have you seen the following...

http://drupal.org/project/sass_api
http://drupal.org/project/basic_sass

bchapuis’s picture

bchapuis commented

You may want to try the peroxide theme engine developed by Kyle Cunningham.

Anonymous’s picture

Anonymous (not verified) commented

I want to say that I've installed the peroxide templating engine and it's very buggy.

First after setting its theme (oxygen), my page was blank and when I checked the logs I had a PHP Fatal Error that it can't find the SassParser
After pulling the official phamlp code from the repo the above error was supressed and finally my page loaded, but then it was full of Fatal Errors that it can't find the SassParser...

In my opinion, peroxide isn't such a good choice because the repo hasn't been maintained since 2010 (?!)... but if someone else finds a better Haml parser please post it here, I can't wait to try it :)

patoshi’s picture

patoshi commented

if your a solo dev working on solo sites. go sass..

if your working with other devs that aren't good at front end stuff and especially not having their system setup for sass stuff. don't waste your time... you'll spend time setting them up and as the code ages and new devs come on board. they *will screw up* the site code as they wont know how you set up your sass system especially if you use all those fancy bells and whistle plugins for sass.

speaking from experience. only recently in the past few years frontend tech just went bananas with new stuff here and there.

nikita.rane’s picture

nikita.rane commented

I have installed Omega theme Omega 4 which includes Sass file in their folder structure,I have used sass for Layouting purpose in Omega
Following are steps which you can use to Compile your Sass file

Step 1: Install Ruby from http://rubyinstaller.org/

Step 2: Once you installed it you will get Ruby command prompt Go to consol

Step 3: Install Sass with command gem install sass

Step 4: Install Compass with command gem install compass

Step 5: Install susy with command gem install susy

Step 6: Go to your Sass folder where you have your sass file

Step 7: Write Compass Create .-r susy -u susy

Step 8: Once you enter you will get two folder one is your sass folder and one is Css folder

Step 9: start compass watch with Compass watch for your main folder

Step 10: Open your sass file make changes in columns as per your layout and save the file and go to command prompt it will show changes made to stylesheet.css and ask you to overwrite the change in css file click ok

You will get sass file compiled and will directly reflect to Css file
Suppose you have simple.layout.scss which is your sass file and another folder will be css in which simple.layout.css file will be there

You need to link simple.layout.css in your info file

I hope this will help you to compile and layouting with sass