Appendix C. Quick Reference—Style Guide

Mojo’s styling is automatically provided when you select the Mojo class names within your HTML, or use Mojo widgets. This appendix will help you determine the selectors or properties to change when you want to override the automatic styling. It’s best to use this style guide along with the StyleMatters sample application provided with the SDK.

The guide is organized into several categories, including:

  • Scene Basics

  • List Basics

  • Containers

  • Dividers

  • Panels

  • Text

  • Widgets

Each category is presented in a table with:

  • A brief description

  • The filename of the CSS style sheet where the style category is defined

  • An HTML code sample using the style

  • A list of the base selectors that you can use in your CSS to override the framework’s styling

  • A list of optional selectors

  • Required child selectors, which must be embedded with the base selector for the style to be used effectively

These styles may be updated from time to time by Palm as part of an SDK update—you should check the SDK documentation to get the latest information.

Get Palm webOS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.