| fw- | font-weight | fw-400, fw-700, fw-bold |
| text- | font-size | text-12, text-16, text-lg |
| fs- | font-style | fs-normal, fs-italic |
| ta- | text-align | ta-left, ta-center, ta-right, ta-justify |
| ls- | letter-spacing | ls-1, ls-2, ls-tight |
| lh- | line-height | lh-1, lh-150, lh-normal |
| tt- | text-transform | tt-upper, tt-lower, tt-cap |
| td- | text-decoration | td-none, td-underline, td-line-through |
| block | display | display: block |
| iblock | display | display: inline-block |
| flex | display | display: flex |
| iflex | display | display: inline-flex |
| grid | display | display: grid |
| hide | display | display: none |
| of- | overflow | of-hidden, of-auto, of-scroll |
| vis- | visibility | vis-hidden, vis-visible |
| op- | opacity | op-0, op-50, op-100 |
| pos- | position | pos-rel, pos-abs, pos-fix, pos-sticky |
| black- | color (text-color) | black-000, black-333, black-fff |
| bg- | background-color | bg-red, bg-#fdd94a, bg-transparent |
| obj- | object-fit | obj-cover, obj-contain, obj-fill |
| mi- | margin-inline | mi-0, mi-auto, mi-20 |
| bd- | border | bd-1, bd-2, bd-none, bd-dashed |
| r- | border-radius | r-0, r-8, r-50% |
| z- | z-index | z-1, z-10, z-999 |
| flex-r-between | flex row space-between | display:flex; flex-direction:row; justify-content:space-between; |
| flex-c-between | flex column space-between | display:flex; flex-direction:column; justify-content:space-between; |
| m- | margin | m-0, m-10, m-auto |
| p- | padding | p-0, p-5, p-20 |
| mt-/mb- | margin-top/bottom | mt-10, mb-20 |
| pt-/pb- | padding-top/bottom | pt-5, pb-15 |
| w- | width | w-100, w-50%, w-auto |
| h- | height | h-100, h-50vh, h-auto |
| minw- | min-width | minw-200 |
| maxw- | max-width | maxw-800, maxw-full |
| gap- | gap (Grid/Flex spacing) | gap-5, gap-20 |
| jc- | justify-content | jc-start, jc-center, jc-between |
| ai- | align-items | ai-start, ai-center, ai-end |
| as- | align-self | as-start, as-center, as-stretch |
| fg- | flex-grow | fg-0, fg-1 |
| fsz- | flex-shrink | fsz-0, fsz-1 |
| fd- | flex-direction | fd-row, fd-col |
| fwx- | flex-wrap | fwx-nowrap, fwx-wrap |
| cur- | cursor | cur-pointer, cur-default, cur-wait |
| sh- | box-shadow | sh-sm, sh-md, sh-lg, sh-none |
| tr- | transition | tr-all, tr-colors, tr-none |
| dur- | transition-duration | dur-150, dur-300 |
| scale- | transform: scale | scale-90, scale-100, scale-110 |
| rot- | transform: rotate | rot-45, rot-90, rot-180 |
| abs-center | absolute zentrieren | pos-abs; top:50%; left:50%; transform:translate(-50%,-50%); |