Migrating to tailwindcss css norms: Difference between revisions
Jump to navigation
Jump to search
Eric.seigne (talk | contribs) No edit summary Tag: 2017 source edit |
Eric.seigne (talk | contribs) No edit summary Tag: 2017 source edit |
||
| (One intermediate revision by the same user not shown) | |||
| Line 2: | Line 2: | ||
{| class="wikitable" | {| class="wikitable" | ||
|+ Table dolibarr -> tailwindcss | |+Table dolibarr -> tailwindcss | ||
! classe CSS dolibarr !! classe CSS tailwindcss | !classe CSS dolibarr | ||
!implémentation CSS!!classe CSS tailwindcss | |||
|- | |- | ||
| centpercent || w-full | |centpercent | ||
|width: 100%||w-full | |||
|- | |- | ||
| opacitymedium || opacity-50 | |opacitymedium | ||
|opacity: 0.5||opacity-50 | |||
|- | |||
|left | |||
|text-align: left | |||
|text-left | |||
|- | |||
|right | |||
|text-align: right | |||
|text-right | |||
|- | |||
|nowrap | |||
|white-space: nowrap | |||
|whitespace-nowrap | |||
|- | |||
|hidden | |||
|display: none | |||
|hidden | |||
|- | |||
|hiddenimp | |||
|display: none !important | |||
|!hidden | |||
|- | |||
|trgroup | |||
|border-bottom: 1px solid #aaa | |||
|border-b-1 border-solid border-slate-400 | |||
|} | |} | ||
More details to become | |||
Latest revision as of 14:11, 7 June 2024
Here is a tool for developpers who want to migrate to tailwindcss name norms class
| classe CSS dolibarr | implémentation CSS | classe CSS tailwindcss |
|---|---|---|
| centpercent | width: 100% | w-full |
| opacitymedium | opacity: 0.5 | opacity-50 |
| left | text-align: left | text-left |
| right | text-align: right | text-right |
| nowrap | white-space: nowrap | whitespace-nowrap |
| hidden | display: none | hidden |
| hiddenimp | display: none !important | !hidden |
| trgroup | border-bottom: 1px solid #aaa | border-b-1 border-solid border-slate-400 |
More details to become