In Chapter 1, The Basics, we learned about the folders that come with the Ext library the first time we download and extract the framework. Inside the resources folder we have all the styles and images that are required for the default theme. We also have all the compass files to start creating our theme.
Before we start coding and modifying our styles we need to prepare our project to be able to compile the compass files. First we need to copy the sass folder located at
extjs-4.1.0/resources/themes/templates/resources to our resources folder in our project. The folder structure for our project should look like the following screenshot:
Inside the sass folder we have a Ruby configuration file and a Compass file. We are going ...