Selecting Input and Output Formats : Understanding Output Formats : WebWorks Reverb 2.0 : Using SASS To Customize The WebWorks Reverb 2.0 Interface Design
Using SASS To Customize The WebWorks Reverb 2.0 Interface Design
The WebWorks Reverb 2.0 Format uses a technology called SASS to present the user with a dynamic and responsive visual experience. To summarize, SASS is useful because it lets the designer make use of devices that are typically not available in the CSS language. SASS lets the user create and reuse variables across their style sheet, as well as create functions and mixins to enable efficiency and ease of access that other programming languages typically get to enjoy. Once a SASS design has been created, it is then processed and transcompiled to CSS for use in HTML layouts.
Because of the benefits of this, the WebWorks Reverb 2.0 design process is able to be simple and robust. With a large collection of intuitively-named variables, users are able to change settings like fonts and colors in one spot and watch it propagate throughout the layout.
For those interested, SASS is well documented and WebWorks’ implementation of this technology conforms with the standards implemented by the creator. Below are a list of resources that may be useful in priming the user to interacting with SASS for the first time.
SASS Basic Guide: https://sass-lang.com/guide
SASS Reference: https://sass-lang.com/documentation/file.SASS_REFERENCE.html
CSS Tutorial: https://www.w3schools.com/Css/
For detailed instructions on using SASS to customize WebWorks Reverb 2.0, see “Using SASS To Customize WebWorks Reverb 2.0”