Margin

Class	Properties
t.mAuto	margin: auto
t.mXAuto	marginHorizontal: auto
t.mYAuto	marginVertical: auto
t.mTAuto	marginTop: auto
t.mRAuto	marginRight: auto
t.mBAuto	marginBottom: auto
t.mLAuto	marginLeft: auto
t.mSAuto	marginStart: auto
t.mEAuto	marginEnd: auto
t.m0	margin: 0
t.mX0	marginHorizontal: 0
t.mY0	marginVertical: 0
t.mT0	marginTop: 0
t.mR0	marginRight: 0
t.mB0	marginBottom: 0
t.mL0	marginLeft: 0
t.mS0	marginStart: 0
t.mE0	marginEnd: 0
t._m0	margin: -0
t._mX0	marginHorizontal: -0
t._mY0	marginVertical: -0
t._mT0	marginTop: -0
t._mR0	marginRight: -0
t._mB0	marginBottom: -0
t._mL0	marginLeft: -0
t._mS0	marginStart: -0
t._mE0	marginEnd: -0
t.mPx	margin: 1
t.mXPx	marginHorizontal: 1
t.mYPx	marginVertical: 1
t.mTPx	marginTop: 1
t.mRPx	marginRight: 1
t.mBPx	marginBottom: 1
t.mLPx	marginLeft: 1
t.mSPx	marginStart: 1
t.mEPx	marginEnd: 1
t._mPx	margin: -1
t._mXPx	marginHorizontal: -1
t._mYPx	marginVertical: -1
t._mTPx	marginTop: -1
t._mRPx	marginRight: -1
t._mBPx	marginBottom: -1
t._mLPx	marginLeft: -1
t._mSPx	marginStart: -1
t._mEPx	marginEnd: -1
t.m1	margin: 4
t.mX1	marginHorizontal: 4
t.mY1	marginVertical: 4
t.mT1	marginTop: 4
t.mR1	marginRight: 4
t.mB1	marginBottom: 4
t.mL1	marginLeft: 4
t.mS1	marginStart: 4
t.mE1	marginEnd: 4
t._m1	margin: -4
t._mX1	marginHorizontal: -4
t._mY1	marginVertical: -4
t._mT1	marginTop: -4
t._mR1	marginRight: -4
t._mB1	marginBottom: -4
t._mL1	marginLeft: -4
t._mS1	marginStart: -4
t._mE1	marginEnd: -4
t.m2	margin: 8
t.mX2	marginHorizontal: 8
t.mY2	marginVertical: 8
t.mT2	marginTop: 8
t.mR2	marginRight: 8
t.mB2	marginBottom: 8
t.mL2	marginLeft: 8
t.mS2	marginStart: 8
t.mE2	marginEnd: 8
t._m2	margin: -8
t._mX2	marginHorizontal: -8
t._mY2	marginVertical: -8
t._mT2	marginTop: -8
t._mR2	marginRight: -8
t._mB2	marginBottom: -8
t._mL2	marginLeft: -8
t._mS2	marginStart: -8
t._mE2	marginEnd: -8
t.m3	margin: 12
t.mX3	marginHorizontal: 12
t.mY3	marginVertical: 12
t.mT3	marginTop: 12
t.mR3	marginRight: 12
t.mB3	marginBottom: 12
t.mL3	marginLeft: 12
t.mS3	marginStart: 12
t.mE3	marginEnd: 12
t._m3	margin: -12
t._mX3	marginHorizontal: -12
t._mY3	marginVertical: -12
t._mT3	marginTop: -12
t._mR3	marginRight: -12
t._mB3	marginBottom: -12
t._mL3	marginLeft: -12
t._mS3	marginStart: -12
t._mE3	marginEnd: -12
t.m4	margin: 16
t.mX4	marginHorizontal: 16
t.mY4	marginVertical: 16
t.mT4	marginTop: 16
t.mR4	marginRight: 16
t.mB4	marginBottom: 16
t.mL4	marginLeft: 16
t.mS4	marginStart: 16
t.mE4	marginEnd: 16
t._m4	margin: -16
t._mX4	marginHorizontal: -16
t._mY4	marginVertical: -16
t._mT4	marginTop: -16
t._mR4	marginRight: -16
t._mB4	marginBottom: -16
t._mL4	marginLeft: -16
t._mS4	marginStart: -16
t._mE4	marginEnd: -16
t.m5	margin: 20
t.mX5	marginHorizontal: 20
t.mY5	marginVertical: 20
t.mT5	marginTop: 20
t.mR5	marginRight: 20
t.mB5	marginBottom: 20
t.mL5	marginLeft: 20
t.mS5	marginStart: 20
t.mE5	marginEnd: 20
t._m5	margin: -20
t._mX5	marginHorizontal: -20
t._mY5	marginVertical: -20
t._mT5	marginTop: -20
t._mR5	marginRight: -20
t._mB5	marginBottom: -20
t._mL5	marginLeft: -20
t._mS5	marginStart: -20
t._mE5	marginEnd: -20
t.m6	margin: 24
t.mX6	marginHorizontal: 24
t.mY6	marginVertical: 24
t.mT6	marginTop: 24
t.mR6	marginRight: 24
t.mB6	marginBottom: 24
t.mL6	marginLeft: 24
t.mS6	marginStart: 24
t.mE6	marginEnd: 24
t._m6	margin: -24
t._mX6	marginHorizontal: -24
t._mY6	marginVertical: -24
t._mT6	marginTop: -24
t._mR6	marginRight: -24
t._mB6	marginBottom: -24
t._mL6	marginLeft: -24
t._mS6	marginStart: -24
t._mE6	marginEnd: -24
t.m8	margin: 32
t.mX8	marginHorizontal: 32
t.mY8	marginVertical: 32
t.mT8	marginTop: 32
t.mR8	marginRight: 32
t.mB8	marginBottom: 32
t.mL8	marginLeft: 32
t.mS8	marginStart: 32
t.mE8	marginEnd: 32
t._m8	margin: -32
t._mX8	marginHorizontal: -32
t._mY8	marginVertical: -32
t._mT8	marginTop: -32
t._mR8	marginRight: -32
t._mB8	marginBottom: -32
t._mL8	marginLeft: -32
t._mS8	marginStart: -32
t._mE8	marginEnd: -32
t.m10	margin: 40
t.mX10	marginHorizontal: 40
t.mY10	marginVertical: 40
t.mT10	marginTop: 40
t.mR10	marginRight: 40
t.mB10	marginBottom: 40
t.mL10	marginLeft: 40
t.mS10	marginStart: 40
t.mE10	marginEnd: 40
t._m10	margin: -40
t._mX10	marginHorizontal: -40
t._mY10	marginVertical: -40
t._mT10	marginTop: -40
t._mR10	marginRight: -40
t._mB10	marginBottom: -40
t._mL10	marginLeft: -40
t._mS10	marginStart: -40
t._mE10	marginEnd: -40
t.m12	margin: 48
t.mX12	marginHorizontal: 48
t.mY12	marginVertical: 48
t.mT12	marginTop: 48
t.mR12	marginRight: 48
t.mB12	marginBottom: 48
t.mL12	marginLeft: 48
t.mS12	marginStart: 48
t.mE12	marginEnd: 48
t._m12	margin: -48
t._mX12	marginHorizontal: -48
t._mY12	marginVertical: -48
t._mT12	marginTop: -48
t._mR12	marginRight: -48
t._mB12	marginBottom: -48
t._mL12	marginLeft: -48
t._mS12	marginStart: -48
t._mE12	marginEnd: -48
t.m16	margin: 64
t.mX16	marginHorizontal: 64
t.mY16	marginVertical: 64
t.mT16	marginTop: 64
t.mR16	marginRight: 64
t.mB16	marginBottom: 64
t.mL16	marginLeft: 64
t.mS16	marginStart: 64
t.mE16	marginEnd: 64
t._m16	margin: -64
t._mX16	marginHorizontal: -64
t._mY16	marginVertical: -64
t._mT16	marginTop: -64
t._mR16	marginRight: -64
t._mB16	marginBottom: -64
t._mL16	marginLeft: -64
t._mS16	marginStart: -64
t._mE16	marginEnd: -64
t.m20	margin: 80
t.mX20	marginHorizontal: 80
t.mY20	marginVertical: 80
t.mT20	marginTop: 80
t.mR20	marginRight: 80
t.mB20	marginBottom: 80
t.mL20	marginLeft: 80
t.mS20	marginStart: 80
t.mE20	marginEnd: 80
t._m20	margin: -80
t._mX20	marginHorizontal: -80
t._mY20	marginVertical: -80
t._mT20	marginTop: -80
t._mR20	marginRight: -80
t._mB20	marginBottom: -80
t._mL20	marginLeft: -80
t._mS20	marginStart: -80
t._mE20	marginEnd: -80
t.m24	margin: 96
t.mX24	marginHorizontal: 96
t.mY24	marginVertical: 96
t.mT24	marginTop: 96
t.mR24	marginRight: 96
t.mB24	marginBottom: 96
t.mL24	marginLeft: 96
t.mS24	marginStart: 96
t.mE24	marginEnd: 96
t._m24	margin: -96
t._mX24	marginHorizontal: -96
t._mY24	marginVertical: -96
t._mT24	marginTop: -96
t._mR24	marginRight: -96
t._mB24	marginBottom: -96
t._mL24	marginLeft: -96
t._mS24	marginStart: -96
t._mE24	marginEnd: -96
t.m32	margin: 128
t.mX32	marginHorizontal: 128
t.mY32	marginVertical: 128
t.mT32	marginTop: 128
t.mR32	marginRight: 128
t.mB32	marginBottom: 128
t.mL32	marginLeft: 128
t.mS32	marginStart: 128
t.mE32	marginEnd: 128
t._m32	margin: -128
t._mX32	marginHorizontal: -128
t._mY32	marginVertical: -128
t._mT32	marginTop: -128
t._mR32	marginRight: -128
t._mB32	marginBottom: -128
t._mL32	marginLeft: -128
t._mS32	marginStart: -128
t._mE32	marginEnd: -128
t.m40	margin: 160
t.mX40	marginHorizontal: 160
t.mY40	marginVertical: 160
t.mT40	marginTop: 160
t.mR40	marginRight: 160
t.mB40	marginBottom: 160
t.mL40	marginLeft: 160
t.mS40	marginStart: 160
t.mE40	marginEnd: 160
t._m40	margin: -160
t._mX40	marginHorizontal: -160
t._mY40	marginVertical: -160
t._mT40	marginTop: -160
t._mR40	marginRight: -160
t._mB40	marginBottom: -160
t._mL40	marginLeft: -160
t._mS40	marginStart: -160
t._mE40	marginEnd: -160
t.m48	margin: 192
t.mX48	marginHorizontal: 192
t.mY48	marginVertical: 192
t.mT48	marginTop: 192
t.mR48	marginRight: 192
t.mB48	marginBottom: 192
t.mL48	marginLeft: 192
t.mS48	marginStart: 192
t.mE48	marginEnd: 192
t._m48	margin: -192
t._mX48	marginHorizontal: -192
t._mY48	marginVertical: -192
t._mT48	marginTop: -192
t._mR48	marginRight: -192
t._mB48	marginBottom: -192
t._mL48	marginLeft: -192
t._mS48	marginStart: -192
t._mE48	marginEnd: -192
t.m56	margin: 224
t.mX56	marginHorizontal: 224
t.mY56	marginVertical: 224
t.mT56	marginTop: 224
t.mR56	marginRight: 224
t.mB56	marginBottom: 224
t.mL56	marginLeft: 224
t.mS56	marginStart: 224
t.mE56	marginEnd: 224
t._m56	margin: -224
t._mX56	marginHorizontal: -224
t._mY56	marginVertical: -224
t._mT56	marginTop: -224
t._mR56	marginRight: -224
t._mB56	marginBottom: -224
t._mL56	marginLeft: -224
t._mS56	marginStart: -224
t._mE56	marginEnd: -224
t.m64	margin: 256
t.mX64	marginHorizontal: 256
t.mY64	marginVertical: 256
t.mT64	marginTop: 256
t.mR64	marginRight: 256
t.mB64	marginBottom: 256
t.mL64	marginLeft: 256
t.mS64	marginStart: 256
t.mE64	marginEnd: 256
t._m64	margin: -256
t._mX64	marginHorizontal: -256
t._mY64	marginVertical: -256
t._mT64	marginTop: -256
t._mR64	marginRight: -256
t._mB64	marginBottom: -256
t._mL64	marginLeft: -256
t._mS64	marginStart: -256
t._mE64	marginEnd: -256

Add margin to a single side

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

For example, t.mT6 would add 24 of margin to the top of an element, t.mR4 would add 16 of margin to the right of an element, t.mB8 would add 32 of margin to the bottom of an element, t.mL2 would add 8 of margin to the left of an element, t.mS1 would add 4 of margin to the start of an element, and t.mE0 would add 0 of margin to the end of an element.

t.mT8

Target

t.mR8

Target

t.mB8

Target

t.mL8

Target

Add horizontal margin

Control the horizontal margin of an element using the t.mX{Size} utilities.

t.mX8

Target

Add vertical margin

Control the vertical margin of an element using the t.mY{Size} utilities.

t.mY8

Target

Add margin to all sides

Control the margin on all sides of an element using the t.m{Size} utilities.

t.m8

Target

Negative margins

Control the negative margin of an element using the t._m{Side?}{Size} utilities.

t._mT8

Directional

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

For example, t.mS1 would add 4 of margin to the start of an element, and t.mE0 would add 0 of margin to the end of an element.

ltr

t.mS8

Target

t.mE8

Target

rtl

t.mS8

Target

t.mE8

Target

More info about directional layout