Skip to content

Margins Mixin

These are the extensions available for margins by default. They are generated based on default tailwind.config.json configuration and these value can be customize or you can add more on top of these extensions.

TIP

If you have added more spacers inside your tailwind.config.json file, they will also be available for you to use on any Widget that uses TwMarginMixin.

ExtensionDescription
.m0Adds all side margin with value 0
.m1Adds all side margin with value 4
.m2Adds all side margin with value 8
.m3Adds all side margin with value 12
.m4Adds all side margin with value 16
.m5Adds all side margin with value 20
.m6Adds all side margin with value 24
.m7Adds all side margin with value 28
.m8Adds all side margin with value 32
.m9Adds all side margin with value 36
.m10Adds all side margin with value 40
.m11Adds all side margin with value 44
.m12Adds all side margin with value 48
.m14Adds all side margin with value 56
.m16Adds all side margin with value 64
.m20Adds all side margin with value 80
.m24Adds all side margin with value 96
.m28Adds all side margin with value 112
.m32Adds all side margin with value 128
.m36Adds all side margin with value 144
.m40Adds all side margin with value 160
.m44Adds all side margin with value 176
.m48Adds all side margin with value 192
.m52Adds all side margin with value 208
.m56Adds all side margin with value 224
.m60Adds all side margin with value 240
.m64Adds all side margin with value 256
.mx0Adds left and right margin with value 0
.mx1Adds left and right margin with value 4
.mx2Adds left and right margin with value 8
.mx3Adds left and right margin with value 12
.mx4Adds left and right margin with value 16
.mx5Adds left and right margin with value 20
.mx6Adds left and right margin with value 24
.mx7Adds left and right margin with value 28
.mx8Adds left and right margin with value 32
.mx9Adds left and right margin with value 36
.mx10Adds left and right margin with value 40
.mx11Adds left and right margin with value 44
.mx12Adds left and right margin with value 48
.mx14Adds left and right margin with value 56
.mx16Adds left and right margin with value 64
.mx20Adds left and right margin with value 80
.mx24Adds left and right margin with value 96
.mx28Adds left and right margin with value 112
.mx32Adds left and right margin with value 128
.mx36Adds left and right margin with value 144
.mx40Adds left and right margin with value 160
.mx44Adds left and right margin with value 176
.mx48Adds left and right margin with value 192
.mx52Adds left and right margin with value 208
.mx56Adds left and right margin with value 224
.mx60Adds left and right margin with value 240
.mx64Adds left and right margin with value 256
.my0Adds top and bottom margin with value 0
.my1Adds top and bottom margin with value 4
.my2Adds top and bottom margin with value 8
.my3Adds top and bottom margin with value 12
.my4Adds top and bottom margin with value 16
.my5Adds top and bottom margin with value 20
.my6Adds top and bottom margin with value 24
.my7Adds top and bottom margin with value 28
.my8Adds top and bottom margin with value 32
.my9Adds top and bottom margin with value 36
.my10Adds top and bottom margin with value 40
.my11Adds top and bottom margin with value 44
.my12Adds top and bottom margin with value 48
.my14Adds top and bottom margin with value 56
.my16Adds top and bottom margin with value 64
.my20Adds top and bottom margin with value 80
.my24Adds top and bottom margin with value 96
.my28Adds top and bottom margin with value 112
.my32Adds top and bottom margin with value 128
.my36Adds top and bottom margin with value 144
.my40Adds top and bottom margin with value 160
.my44Adds top and bottom margin with value 176
.my48Adds top and bottom margin with value 192
.my52Adds top and bottom margin with value 208
.my56Adds top and bottom margin with value 224
.my60Adds top and bottom margin with value 240
.my64Adds top and bottom margin with value 256
.ml0Adds only left side margin with value 0
.ml1Adds only left side margin with value 4
.ml2Adds only left side margin with value 8
.ml3Adds only left side margin with value 12
.ml4Adds only left side margin with value 16
.ml5Adds only left side margin with value 20
.ml6Adds only left side margin with value 24
.ml7Adds only left side margin with value 28
.ml8Adds only left side margin with value 32
.ml9Adds only left side margin with value 36
.ml10Adds only left side margin with value 40
.ml11Adds only left side margin with value 44
.ml12Adds only left side margin with value 48
.ml14Adds only left side margin with value 56
.ml16Adds only left side margin with value 64
.ml20Adds only left side margin with value 80
.ml24Adds only left side margin with value 96
.ml28Adds only left side margin with value 112
.ml32Adds only left side margin with value 128
.ml36Adds only left side margin with value 144
.ml40Adds only left side margin with value 160
.ml44Adds only left side margin with value 176
.ml48Adds only left side margin with value 192
.ml52Adds only left side margin with value 208
.ml56Adds only left side margin with value 224
.ml60Adds only left side margin with value 240
.ml64Adds only left side margin with value 256
.mt0Adds only top side margin with value 0
.mt1Adds only top side margin with value 4
.mt2Adds only top side margin with value 8
.mt3Adds only top side margin with value 12
.mt4Adds only top side margin with value 16
.mt5Adds only top side margin with value 20
.mt6Adds only top side margin with value 24
.mt7Adds only top side margin with value 28
.mt8Adds only top side margin with value 32
.mt9Adds only top side margin with value 36
.mt10Adds only top side margin with value 40
.mt11Adds only top side margin with value 44
.mt12Adds only top side margin with value 48
.mt14Adds only top side margin with value 56
.mt16Adds only top side margin with value 64
.mt20Adds only top side margin with value 80
.mt24Adds only top side margin with value 96
.mt28Adds only top side margin with value 112
.mt32Adds only top side margin with value 128
.mt36Adds only top side margin with value 144
.mt40Adds only top side margin with value 160
.mt44Adds only top side margin with value 176
.mt48Adds only top side margin with value 192
.mt52Adds only top side margin with value 208
.mt56Adds only top side margin with value 224
.mt60Adds only top side margin with value 240
.mt64Adds only top side margin with value 256
.mr0Adds only right side margin with value 0
.mr1Adds only right side margin with value 4
.mr2Adds only right side margin with value 8
.mr3Adds only right side margin with value 12
.mr4Adds only right side margin with value 16
.mr5Adds only right side margin with value 20
.mr6Adds only right side margin with value 24
.mr7Adds only right side margin with value 28
.mr8Adds only right side margin with value 32
.mr9Adds only right side margin with value 36
.mr10Adds only right side margin with value 40
.mr11Adds only right side margin with value 44
.mr12Adds only right side margin with value 48
.mr14Adds only right side margin with value 56
.mr16Adds only right side margin with value 64
.mr20Adds only right side margin with value 80
.mr24Adds only right side margin with value 96
.mr28Adds only right side margin with value 112
.mr32Adds only right side margin with value 128
.mr36Adds only right side margin with value 144
.mr40Adds only right side margin with value 160
.mr44Adds only right side margin with value 176
.mr48Adds only right side margin with value 192
.mr52Adds only right side margin with value 208
.mr56Adds only right side margin with value 224
.mr60Adds only right side margin with value 240
.mr64Adds only right side margin with value 256
.mb0Adds only bottom side margin with value 0
.mb1Adds only bottom side margin with value 4
.mb2Adds only bottom side margin with value 8
.mb3Adds only bottom side margin with value 12
.mb4Adds only bottom side margin with value 16
.mb5Adds only bottom side margin with value 20
.mb6Adds only bottom side margin with value 24
.mb7Adds only bottom side margin with value 28
.mb8Adds only bottom side margin with value 32
.mb9Adds only bottom side margin with value 36
.mb10Adds only bottom side margin with value 40
.mb11Adds only bottom side margin with value 44
.mb12Adds only bottom side margin with value 48
.mb14Adds only bottom side margin with value 56
.mb16Adds only bottom side margin with value 64
.mb20Adds only bottom side margin with value 80
.mb24Adds only bottom side margin with value 96
.mb28Adds only bottom side margin with value 112
.mb32Adds only bottom side margin with value 128
.mb36Adds only bottom side margin with value 144
.mb40Adds only bottom side margin with value 160
.mb44Adds only bottom side margin with value 176
.mb48Adds only bottom side margin with value 192
.mb52Adds only bottom side margin with value 208
.mb56Adds only bottom side margin with value 224
.mb60Adds only bottom side margin with value 240
.mb64Adds only bottom side margin with value 256

Released under the MIT License.