Text
Basic Text Styles
| global.css |
Body copy and informational text.
Scene HTML |
|---|
None |
Base selector | Optional selectors | Required child |
|---|---|---|
.palm-text-wrapper | Â | .palm-body-text |
.palm-body-text | Â | Â |
.palm-body-title | Â | Â |
.palm-info-text | .single | Â |
Notes:
.palm-text-wrapper: use this wrapper to contain multiple divs of styled text for proper padding.
Capitalization
| global.css |
Some Mojo widgets and styles shift strings to uppercase or apply capitalization.
Scene HTML |
|---|
None |
Base selector | Optional selectors | Required child |
|---|---|---|
.capitalize .un-capitalize | Â | Â |
Notes:
Use
.capitalizefor CSS title case capitalization and.un-capitalizeto override autocapitalization in buttons, dialog box titles, and page headers.
Fonts
| global-base.css |
Mojo uses the Prelude font family.
Scene HTML |
|---|
None |
Base selector | Optional selectors | Required child |
|---|---|---|
body button input textarea | .condensed .oblique | Â |
Truncation
| global-base.css |
Force text to fit within the available space, with an ellipsis added as needed.
Scene HTML |
|---|
None |
Base selector | Optional selectors | Required child |
|---|---|---|
.truncating-text | Â | Â |
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.
