O'Reilly logo

Ext JS 4 Web Application Development Cookbook by Stuart Ashworth, Andrew Duncan

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Using Ext JS' SASS variables

One of the main reasons that Ext JS theming is so flexible is that it extracts almost every detail of each component's style into its own SASS variable. This means that we can configure the entire framework by simply setting some variables to our desired value and have them propagate throughout the stylesheet when it is compiled.

This recipe will highlight some of the most important global variables that can be used to customize the default Ext JS theme.

Getting ready

We start by making a copy of the template config.rb and my-ext-theme.scss files, which will be used as our base. These can be found in the resources\themes\templates\resources\sass folder of your Ext JS SDK.

We copy them into a new folder and rename the ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required