Question

I am experimenting on themes. For this i have downloaded and installed ruby.

I am clueless as in how to have a different css file to have my own theme for the application.

I think i have make changes to a file with an extension .scss. Can someone walk me through the steps to have my own theme for the application ?

Answer 1

Why not you define partials for theme and put theme related stuff in variables. These partials whould’nt create any .css file. Here is example

Make 3 files home.scss, _homePartials.scss and _homeTheme.scss

_homePartials.scss

$textColor: #333;

_homeTheme.scss

.text { color:$textColor; }

home.scss

.text { width:100%; }
@import '../partials/homePartials';
@import '../partials/homeTheme';

take a look at http://blog.behance.net/dev/how-we-used-sass-to-build-17-websites-in-five-days