YASMF provides some default styling in www/js/lib/yasmf.css, and we'll be taking a look at the foundation it provides. In this section, we'll override these styles using www/css/style.css to assign our desired look and feel.
Let's look into the CSS provided by YASMF for a few moments since it provides the foundation for our styles. You'll want to open /www/js/lib/yasmf.css in an editor and follow along. If you prefer SASS stylesheets, you can look at /framework/lib/yasmf.scss in the code package for this book.
The first and most important detail is that we reset the styles of several elements using Eric Meyer's famous reset code (http://cssreset.com). This helps ensure consistency between different browsers and platforms when we apply our own styles.
Next, the BODY element is styled with various properties and fonts, but the important items are the tap-highlight-color, user-select, and outline styles. The first item prevents any element from being highlighted...