Difference between revisions of "CSS built-in classes"
From Lianjapedia
Yvonne.milne (Talk | contribs) |
Yvonne.milne (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | Under construction | + | ''Under construction'' |
+ | |||
+ | ==See Also== | ||
+ | [[CSS built-in classes]] | ||
+ | |||
+ | [http://doc.qt.io/qt-5/stylesheet-reference.html QT Style Sheets Reference] | ||
+ | |||
+ | [http://doc.qt.io/qt-5/stylesheet-syntax.html QT Style Sheets Syntax] | ||
+ | |||
+ | [http://www.w3schools.com/css/default.asp W3Schools CSS] | ||
+ | |||
+ | ==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="wikitable" width="100%" | ||
+ | !width="100%"|Class | ||
+ | |- | ||
+ | |valign="top"|btn | ||
+ | |- | ||
+ | |valign="top"|flatbtn | ||
+ | |- | ||
+ | |valign="top"|flatbtnlast | ||
+ | |- | ||
+ | |valign="top"|badge | ||
+ | |- | ||
+ | |valign="top"|rounded | ||
+ | |- | ||
+ | |valign="top"|rounded-top | ||
+ | |- | ||
+ | |valign="top"|rounded-right | ||
+ | |- | ||
+ | |valign="top"|rounded-bottom | ||
+ | |- | ||
+ | |valign="top"|rounded-left | ||
+ | |- | ||
+ | |valign="top"|rounded-0 | ||
+ | |- | ||
+ | |valign="top"|rounded-circle | ||
+ | |- | ||
+ | |valign="top"|border | ||
+ | |- | ||
+ | |valign="top"|border-primary | ||
+ | |- | ||
+ | |valign="top"|border-secondary | ||
+ | |- | ||
+ | |valign="top"|border-success | ||
+ | |- | ||
+ | |valign="top"|border-warning | ||
+ | |- | ||
+ | |valign="top"|border-danger | ||
+ | |- | ||
+ | |valign="top"|border-info | ||
+ | |- | ||
+ | |valign="top"|border-light | ||
+ | |- | ||
+ | |valign="top"|border-dark | ||
+ | |- | ||
+ | |valign="top"|border-0 | ||
+ | |- | ||
+ | |valign="top"|noborder | ||
+ | |- | ||
+ | |valign="top"|border-top-0 | ||
+ | |- | ||
+ | |valign="top"|border-right-0 | ||
+ | |- | ||
+ | |valign="top"|border-left-0 | ||
+ | |- | ||
+ | |valign="top"|border-bottom-0 | ||
+ | |- | ||
+ | |valign="top"|alert | ||
+ | |- | ||
+ | |valign="top"|badge-pill | ||
+ | |- | ||
+ | |valign="top"|btn-xs | ||
+ | |- | ||
+ | |valign="top"|btn-sm | ||
+ | |- | ||
+ | |valign="top"|btn-md | ||
+ | |- | ||
+ | |valign="top"|btn-lg | ||
+ | |- | ||
+ | |valign="top"|btn-primary | ||
+ | |- | ||
+ | |valign="top"|badge-primary | ||
+ | |- | ||
+ | |valign="top"|btn-default | ||
+ | |- | ||
+ | |valign="top"|alert-primary | ||
+ | |- | ||
+ | |valign="top"|btn-secondary | ||
+ | |- | ||
+ | |valign="top"|badge-secondary | ||
+ | |- | ||
+ | |valign="top"|alert-secondary | ||
+ | |- | ||
+ | |valign="top"|btn-success | ||
+ | |- | ||
+ | |valign="top"|badge-success | ||
+ | |- | ||
+ | |valign="top"|alert-success | ||
+ | |- | ||
+ | |valign="top"|btn-danger | ||
+ | |- | ||
+ | |valign="top"|badge-danger | ||
+ | |- | ||
+ | |valign="top"|alert-danger | ||
+ | |- | ||
+ | |valign="top"|btn-warning | ||
+ | |- | ||
+ | |valign="top"|badge-warning | ||
+ | |- | ||
+ | |valign="top"|alert-warning | ||
+ | |- | ||
+ | |valign="top"|btn-info | ||
+ | |- | ||
+ | |valign="top"|badge-info | ||
+ | |- | ||
+ | |valign="top"|alert-info | ||
+ | |- | ||
+ | |valign="top"|btn-light | ||
+ | |- | ||
+ | |valign="top"|badge-light | ||
+ | |- | ||
+ | |valign="top"|alert-light | ||
+ | |- | ||
+ | |valign="top"|btn-dark | ||
+ | |- | ||
+ | |valign="top"|badge-dark | ||
+ | |- | ||
+ | |valign="top"|alert-dark | ||
+ | |- | ||
+ | |valign="top"|btn-link | ||
+ | |- | ||
+ | |valign="top"|text-primary | ||
+ | |- | ||
+ | |valign="top"|text-secondary | ||
+ | |- | ||
+ | |valign="top"|text-success | ||
+ | |- | ||
+ | |valign="top"|text-info | ||
+ | |- | ||
+ | |valign="top"|text-warning | ||
+ | |- | ||
+ | |valign="top"|text-danger | ||
+ | |- | ||
+ | |valign="top"|text-light | ||
+ | |- | ||
+ | |valign="top"|text-dark | ||
+ | |- | ||
+ | |valign="top"|text-blue | ||
+ | |- | ||
+ | |valign="top"|text-indigo | ||
+ | |- | ||
+ | |valign="top"|text-purple | ||
+ | |- | ||
+ | |valign="top"|text-pink | ||
+ | |- | ||
+ | |valign="top"|text-red | ||
+ | |- | ||
+ | |valign="top"|text-orange | ||
+ | |- | ||
+ | |valign="top"|text-yellow | ||
+ | |- | ||
+ | |valign="top"|text-green | ||
+ | |- | ||
+ | |valign="top"|text-teal | ||
+ | |- | ||
+ | |valign="top"|text-cyan | ||
+ | |- | ||
+ | |valign="top"|text-white | ||
+ | |- | ||
+ | |valign="top"|text-gray | ||
+ | |- | ||
+ | |valign="top"|text-gray-dark | ||
+ | |- | ||
+ | |valign="top"|bg-primary | ||
+ | |- | ||
+ | |valign="top"|bg-secondary | ||
+ | |- | ||
+ | |valign="top"|bg-success | ||
+ | |- | ||
+ | |valign="top"|bg-info | ||
+ | |- | ||
+ | |valign="top"|bg-warning | ||
+ | |- | ||
+ | |valign="top"|bg-danger | ||
+ | |- | ||
+ | |valign="top"|bg-light | ||
+ | |- | ||
+ | |valign="top"|bg-dark | ||
+ | |- | ||
+ | |valign="top"|bg-white | ||
+ | |- | ||
+ | |valign="top"|bg-blue | ||
+ | |- | ||
+ | |valign="top"|bg-indigo | ||
+ | |- | ||
+ | |valign="top"|bg-purple | ||
+ | |- | ||
+ | |valign="top"|bg-pink | ||
+ | |- | ||
+ | |valign="top"|bg-red | ||
+ | |- | ||
+ | |valign="top"|bg-orange | ||
+ | |- | ||
+ | |valign="top"|bg-yellow | ||
+ | |- | ||
+ | |valign="top"|bg-green | ||
+ | |- | ||
+ | |valign="top"|bg-teal | ||
+ | |- | ||
+ | |valign="top"|bg-cyan | ||
+ | |- | ||
+ | |valign="top"|bg-white | ||
+ | |- | ||
+ | |valign="top"|bg-gray | ||
+ | |- | ||
+ | |valign="top"|bg-gray-dark | ||
+ | |- | ||
+ | |valign="top"|text-left | ||
+ | |- | ||
+ | |valign="top"|text-center | ||
+ | |- | ||
+ | |valign="top"|text-right | ||
+ | |- | ||
+ | |valign="top"|font-weight-bold | ||
+ | |- | ||
+ | |valign="top"|font-weight-normal | ||
+ | |- | ||
+ | |valign="top"|font-weight-light | ||
+ | |- | ||
+ | |valign="top"|font-italic | ||
+ | |- | ||
+ | |valign="top"|h1 | ||
+ | |- | ||
+ | |valign="top"|h2 | ||
+ | |- | ||
+ | |valign="top"|h3 | ||
+ | |- | ||
+ | |valign="top"|h4 | ||
+ | |- | ||
+ | |valign="top"|h5 | ||
+ | |- | ||
+ | |valign="top"|h6 | ||
+ | |- | ||
+ | |valign="top"|label | ||
+ | |- | ||
+ | |valign="top"|label-default | ||
+ | |- | ||
+ | |valign="top"|label-primary | ||
+ | |- | ||
+ | |valign="top"|label-success | ||
+ | |- | ||
+ | |valign="top"|label-info | ||
+ | |- | ||
+ | |valign="top"|label-warning | ||
+ | |- | ||
+ | |valign="top"|label-danger | ||
+ | |- | ||
+ | |valign="top"|well | ||
+ | |- | ||
+ | |valign="top"|well-sm | ||
+ | |- | ||
+ | |valign="top"|well-lg | ||
+ | |- | ||
+ | |valign="top"|dropshadow | ||
+ | |- | ||
+ | |valign="top"|shadow | ||
+ | |- | ||
+ | |valign="top"|dropshadowleft | ||
+ | |- | ||
+ | |valign="top"|dropshadowright | ||
+ | |- | ||
+ | |valign="top"|boxshadow | ||
+ | |- | ||
+ | |valign="top"|mdc-textfield | ||
+ | |- | ||
+ | |} | ||
[[Category:Page Builder]] | [[Category:Page Builder]] |
Revision as of 04:36, 6 July 2023
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 |