Configuring SASS for New Apps

When you use the sencha generate app command to create a new app, the generated config.rb file will not include the path to the shared Archibus SASS files. The config.rb file for the new app should be similar to the Application SASS Configuration File example in Using Sass .

Add the following three lines to the config.rb file.

common_sass_dir = File.join(dir, '..', '..', '../Common', 'resources', 'sass')
add_import_path common_sass_dir
fonts_path = File.join('..', '..', '../Common', 'resources', 'sass', 'fonts')

The app.scss file for the new application also needs to be modified. The imports for the Archibus theme and shared Sass files need to be included in the file.Add the following lines to the top of the file. Delete the import statements for sencha-touch/default and sencha-touch/default/all files.

$include-pictos-font: false;
$include-default-icons: false;
@import 'sencha-touch/boston';
@import 'sencha-touch/boston/all';
@import 'mobileclient/shared';

After these changes are applied, execute the sencha ant sass command from the application root folder. The app.css file for the application will be generated. The app will contain the CSS for the Archibus Boston theme along with the CSS for the shared Archibus framework.