Difference between revisions of "Migrating to tailwindcss css norms"
Jump to navigation
Jump to search
Eric.seigne (talk | contribs) Tag: 2017 source edit |
Eric.seigne (talk | contribs) |
||
| 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 | ||
| + | |- | ||
| + | | | ||
| + | | | ||
| + | | | ||
|} | |} | ||
Revision as of 14:05, 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 |