Understanding SASS Variables In WebWorks Reverb 2.0
WebWorks Reverb 2.0 contains an implementation of SASS variables that has been constructed with efficiency and user-friendliness in mind. In each Template File, there are many variables that contain values that are implemented in the layout. Each variable has been given a name that describes the use of the value it holds. Variables are named in a procedural manner, each name starting with the section of the layout that it resides, and with every consecutive word defining more specifically what it pertains to.
As a reference, these graphics provide a visualization of the regions of the layout. The graphics can provide a starting point for finding the variable for the item that needs to be customized. The regions in the graphics have been color coded and numbered from 1 to 7. These numbers can be matched with a variable prefix that matches with a collection of variables that affect that region.
 
Number
Variable Prefix
1
$toolbar_*
2
$menu_*
3
$page_*
4
$mini_toc_*
5
$footer_*
6
$search_*
7
$back_to_top_*