Nativescript CSS classes - tremho/thunderbolt-common GitHub Wiki
Nativescript CSS classes
Relevant info:
| className | Description |
|---|---|
| ns-root | root theme |
| ns-modal | root theme modal |
| ns-android, ns-ios | defined per platform |
| ns-phone, ns-tablet | defined per device type |
| ns-portrait, ns-landscape, ns-unknown | defined per orientation |
| ns-light, ns-dark | dark mode support |
| h1 - h6 | Headings |
| body | Paragraph text |
| footnote | caption text |
| text-left | left-aligned text |
| text-right | right-aligned text |
| text-center | center-aligned text |
| text-lowercase | forces all LC |
| text-uppercase | forces all UC |
| text-capitalize | forces first letter Cap |
| font-weight-normal | |
| font-weight-bold | class setting for normal/bold text |
| font-italic | sets italicized text |
| m-0 p-0 | shortcut for margin or padding (m or p) using a number of 0, 2, 0, 2, 5, 10, 15, 20, 25, 30 only |
| m-t-0 p-r-0 | second letter for margin or padding can be t, l, r, b for top, left, right, bottom |
| m-x-0 p-x-0 | margin or padding left+right |
| m-y-0 p-y-0 | margin or padding top+bottom |
| m-x-auto | horizontal align: center |
| pull-left | pull layout to left |
| pull-right | pull layout to right |
| text-primary | primary text color of theme that is active or clickable |
| text-muted | text color for captions or informational messages |
| text-danger | text color that stands out, e.g. errors. |
| bg-primary | primary background color of the theme |
| bg-danger | background color for warnings |
| -primary, -outline, -rounded, -active | may be applied to buttons |
| nt-form, nt-input, nt-label | for use in forms contexts |
| -separator | used for list separators |