CSS built-in classes
From Lianjapedia
Revision as of 04:36, 6 July 2023 by Yvonne.milne (Talk | contribs)
Under construction
See Also
CSS built-in classes
Overview
Lianja CSS has built-in support for common bootstrap classes, e.g. btn, btn-success, btn-warning, btn-danger. The full list is defined below.
Using these classes provides you with the ability to standardise on colors and the general UI appearance in your Apps.
Boostrap classes built into Lianja Desktop, Web and Mobile
| Class |
|---|
| btn |
| flatbtn |
| flatbtnlast |
| badge |
| rounded |
| rounded-top |
| rounded-right |
| rounded-bottom |
| rounded-left |
| rounded-0 |
| rounded-circle |
| border |
| border-primary |
| border-secondary |
| border-success |
| border-warning |
| border-danger |
| border-info |
| border-light |
| border-dark |
| border-0 |
| noborder |
| border-top-0 |
| border-right-0 |
| border-left-0 |
| border-bottom-0 |
| alert |
| badge-pill |
| btn-xs |
| btn-sm |
| btn-md |
| btn-lg |
| btn-primary |
| badge-primary |
| btn-default |
| alert-primary |
| btn-secondary |
| badge-secondary |
| alert-secondary |
| btn-success |
| badge-success |
| alert-success |
| btn-danger |
| badge-danger |
| alert-danger |
| btn-warning |
| badge-warning |
| alert-warning |
| btn-info |
| badge-info |
| alert-info |
| btn-light |
| badge-light |
| alert-light |
| btn-dark |
| badge-dark |
| alert-dark |
| btn-link |
| text-primary |
| text-secondary |
| text-success |
| text-info |
| text-warning |
| text-danger |
| text-light |
| text-dark |
| text-blue |
| text-indigo |
| text-purple |
| text-pink |
| text-red |
| text-orange |
| text-yellow |
| text-green |
| text-teal |
| text-cyan |
| text-white |
| text-gray |
| text-gray-dark |
| bg-primary |
| bg-secondary |
| bg-success |
| bg-info |
| bg-warning |
| bg-danger |
| bg-light |
| bg-dark |
| bg-white |
| bg-blue |
| bg-indigo |
| bg-purple |
| bg-pink |
| bg-red |
| bg-orange |
| bg-yellow |
| bg-green |
| bg-teal |
| bg-cyan |
| bg-white |
| bg-gray |
| bg-gray-dark |
| text-left |
| text-center |
| text-right |
| font-weight-bold |
| font-weight-normal |
| font-weight-light |
| font-italic |
| h1 |
| h2 |
| h3 |
| h4 |
| h5 |
| h6 |
| label |
| label-default |
| label-primary |
| label-success |
| label-info |
| label-warning |
| label-danger |
| well |
| well-sm |
| well-lg |
| dropshadow |
| shadow |
| dropshadowleft |
| dropshadowright |
| boxshadow |
| mdc-textfield |
