Padding

Class	Properties
t.pAuto	padding: auto
t.p0	padding: 0
t.pPx	padding: 1
t.p1	padding: 4
t.p2	padding: 8
t.p3	padding: 12
t.p4	padding: 16
t.p5	padding: 20
t.p6	padding: 24
t.p8	padding: 32
t.p10	padding: 40
t.p12	padding: 48
t.p16	padding: 64
t.p20	padding: 80
t.p24	padding: 96
t.p32	padding: 128
t.p40	padding: 160
t.p48	padding: 192
t.p56	padding: 224
t.p64	padding: 256
t.pXAuto	paddingHorizontal: auto
t.pX0	paddingHorizontal: 0
t.pXPx	paddingHorizontal: 1
t.pX1	paddingHorizontal: 4
t.pX2	paddingHorizontal: 8
t.pX3	paddingHorizontal: 12
t.pX4	paddingHorizontal: 16
t.pX5	paddingHorizontal: 20
t.pX6	paddingHorizontal: 24
t.pX8	paddingHorizontal: 32
t.pX10	paddingHorizontal: 40
t.pX12	paddingHorizontal: 48
t.pX16	paddingHorizontal: 64
t.pX20	paddingHorizontal: 80
t.pX24	paddingHorizontal: 96
t.pX32	paddingHorizontal: 128
t.pX40	paddingHorizontal: 160
t.pX48	paddingHorizontal: 192
t.pX56	paddingHorizontal: 224
t.pX64	paddingHorizontal: 256
t.pYAuto	paddingVertical: auto
t.pY0	paddingVertical: 0
t.pYPx	paddingVertical: 1
t.pY1	paddingVertical: 4
t.pY2	paddingVertical: 8
t.pY3	paddingVertical: 12
t.pY4	paddingVertical: 16
t.pY5	paddingVertical: 20
t.pY6	paddingVertical: 24
t.pY8	paddingVertical: 32
t.pY10	paddingVertical: 40
t.pY12	paddingVertical: 48
t.pY16	paddingVertical: 64
t.pY20	paddingVertical: 80
t.pY24	paddingVertical: 96
t.pY32	paddingVertical: 128
t.pY40	paddingVertical: 160
t.pY48	paddingVertical: 192
t.pY56	paddingVertical: 224
t.pY64	paddingVertical: 256
t.pTAuto	paddingTop: auto
t.pT0	paddingTop: 0
t.pTPx	paddingTop: 1
t.pT1	paddingTop: 4
t.pT2	paddingTop: 8
t.pT3	paddingTop: 12
t.pT4	paddingTop: 16
t.pT5	paddingTop: 20
t.pT6	paddingTop: 24
t.pT8	paddingTop: 32
t.pT10	paddingTop: 40
t.pT12	paddingTop: 48
t.pT16	paddingTop: 64
t.pT20	paddingTop: 80
t.pT24	paddingTop: 96
t.pT32	paddingTop: 128
t.pT40	paddingTop: 160
t.pT48	paddingTop: 192
t.pT56	paddingTop: 224
t.pT64	paddingTop: 256
t.pRAuto	paddingRight: auto
t.pR0	paddingRight: 0
t.pRPx	paddingRight: 1
t.pR1	paddingRight: 4
t.pR2	paddingRight: 8
t.pR3	paddingRight: 12
t.pR4	paddingRight: 16
t.pR5	paddingRight: 20
t.pR6	paddingRight: 24
t.pR8	paddingRight: 32
t.pR10	paddingRight: 40
t.pR12	paddingRight: 48
t.pR16	paddingRight: 64
t.pR20	paddingRight: 80
t.pR24	paddingRight: 96
t.pR32	paddingRight: 128
t.pR40	paddingRight: 160
t.pR48	paddingRight: 192
t.pR56	paddingRight: 224
t.pR64	paddingRight: 256
t.pBAuto	paddingBottom: auto
t.pB0	paddingBottom: 0
t.pBPx	paddingBottom: 1
t.pB1	paddingBottom: 4
t.pB2	paddingBottom: 8
t.pB3	paddingBottom: 12
t.pB4	paddingBottom: 16
t.pB5	paddingBottom: 20
t.pB6	paddingBottom: 24
t.pB8	paddingBottom: 32
t.pB10	paddingBottom: 40
t.pB12	paddingBottom: 48
t.pB16	paddingBottom: 64
t.pB20	paddingBottom: 80
t.pB24	paddingBottom: 96
t.pB32	paddingBottom: 128
t.pB40	paddingBottom: 160
t.pB48	paddingBottom: 192
t.pB56	paddingBottom: 224
t.pB64	paddingBottom: 256
t.pLAuto	paddingLeft: auto
t.pL0	paddingLeft: 0
t.pLPx	paddingLeft: 1
t.pL1	paddingLeft: 4
t.pL2	paddingLeft: 8
t.pL3	paddingLeft: 12
t.pL4	paddingLeft: 16
t.pL5	paddingLeft: 20
t.pL6	paddingLeft: 24
t.pL8	paddingLeft: 32
t.pL10	paddingLeft: 40
t.pL12	paddingLeft: 48
t.pL16	paddingLeft: 64
t.pL20	paddingLeft: 80
t.pL24	paddingLeft: 96
t.pL32	paddingLeft: 128
t.pL40	paddingLeft: 160
t.pL48	paddingLeft: 192
t.pL56	paddingLeft: 224
t.pL64	paddingLeft: 256
t.pSAuto	paddingStart: auto
t.pS0	paddingStart: 0
t.pSPx	paddingStart: 1
t.pS1	paddingStart: 4
t.pS2	paddingStart: 8
t.pS3	paddingStart: 12
t.pS4	paddingStart: 16
t.pS5	paddingStart: 20
t.pS6	paddingStart: 24
t.pS8	paddingStart: 32
t.pS10	paddingStart: 40
t.pS12	paddingStart: 48
t.pS16	paddingStart: 64
t.pS20	paddingStart: 80
t.pS24	paddingStart: 96
t.pS32	paddingStart: 128
t.pS40	paddingStart: 160
t.pS48	paddingStart: 192
t.pS56	paddingStart: 224
t.pS64	paddingStart: 256
t.pEAuto	paddingEnd: auto
t.pE0	paddingEnd: 0
t.pEPx	paddingEnd: 1
t.pE1	paddingEnd: 4
t.pE2	paddingEnd: 8
t.pE3	paddingEnd: 12
t.pE4	paddingEnd: 16
t.pE5	paddingEnd: 20
t.pE6	paddingEnd: 24
t.pE8	paddingEnd: 32
t.pE10	paddingEnd: 40
t.pE12	paddingEnd: 48
t.pE16	paddingEnd: 64
t.pE20	paddingEnd: 80
t.pE24	paddingEnd: 96
t.pE32	paddingEnd: 128
t.pE40	paddingEnd: 160
t.pE48	paddingEnd: 192
t.pE56	paddingEnd: 224
t.pE64	paddingEnd: 256

Add padding to a single side

Control the padding on one side of an element using the t.p{T|R|B|L|S|E}{Size} utilities.

For example, t.pT6 would add 24 of padding to the top of an element, t.pR4 would add 16 of padding to the right of an element, t.pB8 would add 32 of padding to the bottom of an element, t.pL2 would add 8 of padding to the left of an element., t.pS1 would add 4 of padding to the start of an element., and t.pE0 would add 0 of padding to the end of an element.

t.pT8

Target

t.pR8

Target

t.pB8

Target

t.pL8

Target

Add horizontal padding

Control the horizontal padding of an element using the t.pX{Size} utilities.

t.pX8

Target

Add vertical padding

Control the vertical padding of an element using the t.pY{Size} utilities.

t.pY8

Target

Add padding to all sides

Control the padding on all sides of an element using the t.p{Size} utilities.

t.p8

Target

Directional

Control the padding on one side of an element using the t.p{S|E}{Size} utilities.

For example, t.pS8 would add 32 of padding to the start of an element, and t.pE2 would add 8 of padding to the end of an element.

ltr

t.pS8

Target

t.pE8

Target

rtl

t.pS8

Target

t.pE8

Target

More info about directional layout