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