Class | Properties |
---|---|
t.pAuto | padding: 'auto' |
t.pXAuto | paddingHorizontal: 'auto' |
t.pYAuto | paddingVertical: 'auto' |
t.pTAuto | paddingTop: 'auto' |
t.pRAuto | paddingRight: 'auto' |
t.pBAuto | paddingBottom: 'auto' |
t.pLAuto | paddingLeft: 'auto' |
t.pEAuto | paddingEnd: 'auto' |
t.pSAuto | paddingStart: 'auto' |
t.pPx | padding: 1 |
t.pXPx | paddingHorizontal: 1 |
t.pYPx | paddingVertical: 1 |
t.pTPx | paddingTop: 1 |
t.pRPx | paddingRight: 1 |
t.pBPx | paddingBottom: 1 |
t.pLPx | paddingLeft: 1 |
t.pEPx | paddingEnd: 1 |
t.pSPx | paddingStart: 1 |
t.p0 | padding: 0 |
t.pX0 | paddingHorizontal: 0 |
t.pY0 | paddingVertical: 0 |
t.pT0 | paddingTop: 0 |
t.pR0 | paddingRight: 0 |
t.pB0 | paddingBottom: 0 |
t.pL0 | paddingLeft: 0 |
t.pE0 | paddingEnd: 0 |
t.pS0 | paddingStart: 0 |
t.p0_5 | padding: 2 |
t.pX0_5 | paddingHorizontal: 2 |
t.pY0_5 | paddingVertical: 2 |
t.pT0_5 | paddingTop: 2 |
t.pR0_5 | paddingRight: 2 |
t.pB0_5 | paddingBottom: 2 |
t.pL0_5 | paddingLeft: 2 |
t.pE0_5 | paddingEnd: 2 |
t.pS0_5 | paddingStart: 2 |
t.p1 | padding: 4 |
t.pX1 | paddingHorizontal: 4 |
t.pY1 | paddingVertical: 4 |
t.pT1 | paddingTop: 4 |
t.pR1 | paddingRight: 4 |
t.pB1 | paddingBottom: 4 |
t.pL1 | paddingLeft: 4 |
t.pE1 | paddingEnd: 4 |
t.pS1 | paddingStart: 4 |
t.p2 | padding: 8 |
t.pX2 | paddingHorizontal: 8 |
t.pY2 | paddingVertical: 8 |
t.pT2 | paddingTop: 8 |
t.pR2 | paddingRight: 8 |
t.pB2 | paddingBottom: 8 |
t.pL2 | paddingLeft: 8 |
t.pE2 | paddingEnd: 8 |
t.pS2 | paddingStart: 8 |
t.p3 | padding: 12 |
t.pX3 | paddingHorizontal: 12 |
t.pY3 | paddingVertical: 12 |
t.pT3 | paddingTop: 12 |
t.pR3 | paddingRight: 12 |
t.pB3 | paddingBottom: 12 |
t.pL3 | paddingLeft: 12 |
t.pE3 | paddingEnd: 12 |
t.pS3 | paddingStart: 12 |
t.p4 | padding: 16 |
t.pX4 | paddingHorizontal: 16 |
t.pY4 | paddingVertical: 16 |
t.pT4 | paddingTop: 16 |
t.pR4 | paddingRight: 16 |
t.pB4 | paddingBottom: 16 |
t.pL4 | paddingLeft: 16 |
t.pE4 | paddingEnd: 16 |
t.pS4 | paddingStart: 16 |
t.p5 | padding: 20 |
t.pX5 | paddingHorizontal: 20 |
t.pY5 | paddingVertical: 20 |
t.pT5 | paddingTop: 20 |
t.pR5 | paddingRight: 20 |
t.pB5 | paddingBottom: 20 |
t.pL5 | paddingLeft: 20 |
t.pE5 | paddingEnd: 20 |
t.pS5 | paddingStart: 20 |
t.p6 | padding: 24 |
t.pX6 | paddingHorizontal: 24 |
t.pY6 | paddingVertical: 24 |
t.pT6 | paddingTop: 24 |
t.pR6 | paddingRight: 24 |
t.pB6 | paddingBottom: 24 |
t.pL6 | paddingLeft: 24 |
t.pE6 | paddingEnd: 24 |
t.pS6 | paddingStart: 24 |
t.p7 | padding: 28 |
t.pX7 | paddingHorizontal: 28 |
t.pY7 | paddingVertical: 28 |
t.pT7 | paddingTop: 28 |
t.pR7 | paddingRight: 28 |
t.pB7 | paddingBottom: 28 |
t.pL7 | paddingLeft: 28 |
t.pE7 | paddingEnd: 28 |
t.pS7 | paddingStart: 28 |
t.p8 | padding: 32 |
t.pX8 | paddingHorizontal: 32 |
t.pY8 | paddingVertical: 32 |
t.pT8 | paddingTop: 32 |
t.pR8 | paddingRight: 32 |
t.pB8 | paddingBottom: 32 |
t.pL8 | paddingLeft: 32 |
t.pE8 | paddingEnd: 32 |
t.pS8 | paddingStart: 32 |
t.p9 | padding: 36 |
t.pX9 | paddingHorizontal: 36 |
t.pY9 | paddingVertical: 36 |
t.pT9 | paddingTop: 36 |
t.pR9 | paddingRight: 36 |
t.pB9 | paddingBottom: 36 |
t.pL9 | paddingLeft: 36 |
t.pE9 | paddingEnd: 36 |
t.pS9 | paddingStart: 36 |
t.p10 | padding: 40 |
t.pX10 | paddingHorizontal: 40 |
t.pY10 | paddingVertical: 40 |
t.pT10 | paddingTop: 40 |
t.pR10 | paddingRight: 40 |
t.pB10 | paddingBottom: 40 |
t.pL10 | paddingLeft: 40 |
t.pE10 | paddingEnd: 40 |
t.pS10 | paddingStart: 40 |
t.p11 | padding: 44 |
t.pX11 | paddingHorizontal: 44 |
t.pY11 | paddingVertical: 44 |
t.pT11 | paddingTop: 44 |
t.pR11 | paddingRight: 44 |
t.pB11 | paddingBottom: 44 |
t.pL11 | paddingLeft: 44 |
t.pE11 | paddingEnd: 44 |
t.pS11 | paddingStart: 44 |
t.p12 | padding: 48 |
t.pX12 | paddingHorizontal: 48 |
t.pY12 | paddingVertical: 48 |
t.pT12 | paddingTop: 48 |
t.pR12 | paddingRight: 48 |
t.pB12 | paddingBottom: 48 |
t.pL12 | paddingLeft: 48 |
t.pE12 | paddingEnd: 48 |
t.pS12 | paddingStart: 48 |
t.p14 | padding: 56 |
t.pX14 | paddingHorizontal: 56 |
t.pY14 | paddingVertical: 56 |
t.pT14 | paddingTop: 56 |
t.pR14 | paddingRight: 56 |
t.pB14 | paddingBottom: 56 |
t.pL14 | paddingLeft: 56 |
t.pE14 | paddingEnd: 56 |
t.pS14 | paddingStart: 56 |
t.p16 | padding: 64 |
t.pX16 | paddingHorizontal: 64 |
t.pY16 | paddingVertical: 64 |
t.pT16 | paddingTop: 64 |
t.pR16 | paddingRight: 64 |
t.pB16 | paddingBottom: 64 |
t.pL16 | paddingLeft: 64 |
t.pE16 | paddingEnd: 64 |
t.pS16 | paddingStart: 64 |
t.p20 | padding: 80 |
t.pX20 | paddingHorizontal: 80 |
t.pY20 | paddingVertical: 80 |
t.pT20 | paddingTop: 80 |
t.pR20 | paddingRight: 80 |
t.pB20 | paddingBottom: 80 |
t.pL20 | paddingLeft: 80 |
t.pE20 | paddingEnd: 80 |
t.pS20 | paddingStart: 80 |
t.p24 | padding: 96 |
t.pX24 | paddingHorizontal: 96 |
t.pY24 | paddingVertical: 96 |
t.pT24 | paddingTop: 96 |
t.pR24 | paddingRight: 96 |
t.pB24 | paddingBottom: 96 |
t.pL24 | paddingLeft: 96 |
t.pE24 | paddingEnd: 96 |
t.pS24 | paddingStart: 96 |
t.p28 | padding: 112 |
t.pX28 | paddingHorizontal: 112 |
t.pY28 | paddingVertical: 112 |
t.pT28 | paddingTop: 112 |
t.pR28 | paddingRight: 112 |
t.pB28 | paddingBottom: 112 |
t.pL28 | paddingLeft: 112 |
t.pE28 | paddingEnd: 112 |
t.pS28 | paddingStart: 112 |
t.p32 | padding: 128 |
t.pX32 | paddingHorizontal: 128 |
t.pY32 | paddingVertical: 128 |
t.pT32 | paddingTop: 128 |
t.pR32 | paddingRight: 128 |
t.pB32 | paddingBottom: 128 |
t.pL32 | paddingLeft: 128 |
t.pE32 | paddingEnd: 128 |
t.pS32 | paddingStart: 128 |
t.p36 | padding: 144 |
t.pX36 | paddingHorizontal: 144 |
t.pY36 | paddingVertical: 144 |
t.pT36 | paddingTop: 144 |
t.pR36 | paddingRight: 144 |
t.pB36 | paddingBottom: 144 |
t.pL36 | paddingLeft: 144 |
t.pE36 | paddingEnd: 144 |
t.pS36 | paddingStart: 144 |
t.p40 | padding: 160 |
t.pX40 | paddingHorizontal: 160 |
t.pY40 | paddingVertical: 160 |
t.pT40 | paddingTop: 160 |
t.pR40 | paddingRight: 160 |
t.pB40 | paddingBottom: 160 |
t.pL40 | paddingLeft: 160 |
t.pE40 | paddingEnd: 160 |
t.pS40 | paddingStart: 160 |
t.p44 | padding: 176 |
t.pX44 | paddingHorizontal: 176 |
t.pY44 | paddingVertical: 176 |
t.pT44 | paddingTop: 176 |
t.pR44 | paddingRight: 176 |
t.pB44 | paddingBottom: 176 |
t.pL44 | paddingLeft: 176 |
t.pE44 | paddingEnd: 176 |
t.pS44 | paddingStart: 176 |
t.p48 | padding: 192 |
t.pX48 | paddingHorizontal: 192 |
t.pY48 | paddingVertical: 192 |
t.pT48 | paddingTop: 192 |
t.pR48 | paddingRight: 192 |
t.pB48 | paddingBottom: 192 |
t.pL48 | paddingLeft: 192 |
t.pE48 | paddingEnd: 192 |
t.pS48 | paddingStart: 192 |
t.p52 | padding: 208 |
t.pX52 | paddingHorizontal: 208 |
t.pY52 | paddingVertical: 208 |
t.pT52 | paddingTop: 208 |
t.pR52 | paddingRight: 208 |
t.pB52 | paddingBottom: 208 |
t.pL52 | paddingLeft: 208 |
t.pE52 | paddingEnd: 208 |
t.pS52 | paddingStart: 208 |
t.p56 | padding: 224 |
t.pX56 | paddingHorizontal: 224 |
t.pY56 | paddingVertical: 224 |
t.pT56 | paddingTop: 224 |
t.pR56 | paddingRight: 224 |
t.pB56 | paddingBottom: 224 |
t.pL56 | paddingLeft: 224 |
t.pE56 | paddingEnd: 224 |
t.pS56 | paddingStart: 224 |
t.p60 | padding: 240 |
t.pX60 | paddingHorizontal: 240 |
t.pY60 | paddingVertical: 240 |
t.pT60 | paddingTop: 240 |
t.pR60 | paddingRight: 240 |
t.pB60 | paddingBottom: 240 |
t.pL60 | paddingLeft: 240 |
t.pE60 | paddingEnd: 240 |
t.pS60 | paddingStart: 240 |
t.p64 | padding: 256 |
t.pX64 | paddingHorizontal: 256 |
t.pY64 | paddingVertical: 256 |
t.pT64 | paddingTop: 256 |
t.pR64 | paddingRight: 256 |
t.pB64 | paddingBottom: 256 |
t.pL64 | paddingLeft: 256 |
t.pE64 | paddingEnd: 256 |
t.pS64 | paddingStart: 256 |
t.p72 | padding: 288 |
t.pX72 | paddingHorizontal: 288 |
t.pY72 | paddingVertical: 288 |
t.pT72 | paddingTop: 288 |
t.pR72 | paddingRight: 288 |
t.pB72 | paddingBottom: 288 |
t.pL72 | paddingLeft: 288 |
t.pE72 | paddingEnd: 288 |
t.pS72 | paddingStart: 288 |
t.p80 | padding: 320 |
t.pX80 | paddingHorizontal: 320 |
t.pY80 | paddingVertical: 320 |
t.pT80 | paddingTop: 320 |
t.pR80 | paddingRight: 320 |
t.pB80 | paddingBottom: 320 |
t.pL80 | paddingLeft: 320 |
t.pE80 | paddingEnd: 320 |
t.pS80 | paddingStart: 320 |
t.p96 | padding: 384 |
t.pX96 | paddingHorizontal: 384 |
t.pY96 | paddingVertical: 384 |
t.pT96 | paddingTop: 384 |
t.pR96 | paddingRight: 384 |
t.pB96 | paddingBottom: 384 |
t.pL96 | paddingLeft: 384 |
t.pE96 | paddingEnd: 384 |
t.pS96 | paddingStart: 384 |
Usage
Set the padding of an element using the t.p{Direction}{Width}
utility classes. To set a negative padding use t.\_p{Direction}{Width}
.