Start theming Sencha with SASS Compass on MAC OSX

Posted on in Sass

Install Chunky_PNG

sudo gem install chunky_png

Install Compass

sudo gem install compass

Download Sencha Touch Framework, and open in an editor


You can edit this file now, for example add in sencha-touch.scss the following line, to add music masking icons:

@include pictos-iconmask(music1);

All icons you can create can be found in the following folder:

Compile your Compass stylesheet to a normal .css file, to include in your page
Navigate with your terminal to sencha-touch-1.1.0/resources/sass/

compass compile

Now you can copy over the sencha-touch.css file to your project folder, with new icons.

Post a Comment

Your email is never published nor shared.
Required fields are marked *