Tango CSS Mapping
Tango CSS | CSS | Description |
---|---|---|
mt | marginTop | Top margin |
mr | marginRight | Right margin |
mb | marginBottom | Bottom margin |
ml | marginLeft | Left margin |
m | margin | Margin |
p | padding | Padding |
pt | paddingTop | Top padding |
pr | paddingRight | Right padding |
pb | paddingBottom | Bottom padding |
pl | paddingLeft | Left padding |
px | paddingLeft+paddingRight | Horizontal padding |
py | paddingTop+paddingBottom | Vertical padding |
br | borderRadius | Border radius |
bg | background | Background |
c | color | Text color |
b | border | Border |
center | position: absolute; inset: 0; margin: auto | Element centered |
rel | position: relative | Relative positioning |
ab | position: absolute | Absolute positioning |
fixed | position: fixed | Fixed positioning |
w | width | Width |
h | height | Height |
vw | width (vw) | Viewport width |
vh | height (vh) | Viewport height |
presentw | width (%) | Percentage width |
presenth | height (%) | Percentage height |
mw | minWidth | Minimum width |
mh | minHeight | Minimum height |
fl | float: left | Float left |
fr | float: right | Float right |
size | fontSize | Font size |
tac | textAlign: center | Text align center |
z | zIndex | Z-index |
tran | transition | Transition effect |
flex | display: flex | Flex layout |
aic | alignItems: center | Align items center (vertical) |
ai | alignItems | Align items (cross axis) |
jcc | justifyContent: center | Justify content center (horizontal) |
jc | justifyContent | Justify content (main axis) |
oh | overflow: hidden | Hide overflow |
ohauto | overflow: auto | Auto overflow scroll |
op | opacity | Opacity |
none | display: none | Hidden |
ar | aspectRatio | Aspect ratio |
ls | letterSpacing | Letter spacing |
lh | lineHeight | Line height |
fwb | fontWeight: bold | Bold font weight |
boxsizing | boxSizing: border-box | Box sizing |
boxshadow | boxShadow | Box shadow |
f | flex | Flex grow/shrink/basis |
bgSize | backgroundSize | Background size |
bgPosition | backgroundPosition | Background position |
bgRepeat | backgroundRepeat | Background repeat |
bColor | borderColor | Border color |