Interface CustomSassSkins


public interface CustomSassSkins

Customizing Sass-based Skins

Skin Editor

To create new skins and easily make bulk changes to details like colors and fonts, see our Skin Editor tool, which can be accessed online, or locally in your environment if you have a Pro or better license.

Support for templated skins

Some skins have a stylesheet generated from Sass templates and compiled with compass. Each such skin has a "template" subdirectory containing various files, including those used to regenerate the skin's stylesheet (skin_styles.css) using compass. The files of interest to a custom skin are in the template/sass directory:
  • skin_styles.scss - This is the bootstrap SASS file that lists the fragments to compile into your custom skin, and is executed by running 'compile' in the parent folder. There shouldn't be any need to alter this file - but you can do so if you want to add further custom fragments
  • _base.scss - This file contains the variable-defaults and base CSS for the skin that your custom skin is based on. Note that