Skip to content

Paddings Mixin

These are the extensions available for paddings 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 TwPaddingMixin.

ExtensionDescription
.p0Adds all side padding with value 0
.p1Adds all side padding with value 4
.p2Adds all side padding with value 8
.p3Adds all side padding with value 12
.p4Adds all side padding with value 16
.p5Adds all side padding with value 20
.p6Adds all side padding with value 24
.p7Adds all side padding with value 28
.p8Adds all side padding with value 32
.p9Adds all side padding with value 36
.p10Adds all side padding with value 40
.p11Adds all side padding with value 44
.p12Adds all side padding with value 48
.p14Adds all side padding with value 56
.p16Adds all side padding with value 64
.p20Adds all side padding with value 80
.p24Adds all side padding with value 96
.p28Adds all side padding with value 112
.p32Adds all side padding with value 128
.p36Adds all side padding with value 144
.p40Adds all side padding with value 160
.p44Adds all side padding with value 176
.p48Adds all side padding with value 192
.p52Adds all side padding with value 208
.p56Adds all side padding with value 224
.p60Adds all side padding with value 240
.p64Adds all side padding with value 256
.px0Adds left and right padding with value 0
.px1Adds left and right padding with value 4
.px2Adds left and right padding with value 8
.px3Adds left and right padding with value 12
.px4Adds left and right padding with value 16
.px5Adds left and right padding with value 20
.px6Adds left and right padding with value 24
.px7Adds left and right padding with value 28
.px8Adds left and right padding with value 32
.px9Adds left and right padding with value 36
.px10Adds left and right padding with value 40
.px11Adds left and right padding with value 44
.px12Adds left and right padding with value 48
.px14Adds left and right padding with value 56
.px16Adds left and right padding with value 64
.px20Adds left and right padding with value 80
.px24Adds left and right padding with value 96
.px28Adds left and right padding with value 112
.px32Adds left and right padding with value 128
.px36Adds left and right padding with value 144
.px40Adds left and right padding with value 160
.px44Adds left and right padding with value 176
.px48Adds left and right padding with value 192
.px52Adds left and right padding with value 208
.px56Adds left and right padding with value 224
.px60Adds left and right padding with value 240
.px64Adds left and right padding with value 256
.py0Adds top and bottom padding with value 0
.py1Adds top and bottom padding with value 4
.py2Adds top and bottom padding with value 8
.py3Adds top and bottom padding with value 12
.py4Adds top and bottom padding with value 16
.py5Adds top and bottom padding with value 20
.py6Adds top and bottom padding with value 24
.py7Adds top and bottom padding with value 28
.py8Adds top and bottom padding with value 32
.py9Adds top and bottom padding with value 36
.py10Adds top and bottom padding with value 40
.py11Adds top and bottom padding with value 44
.py12Adds top and bottom padding with value 48
.py14Adds top and bottom padding with value 56
.py16Adds top and bottom padding with value 64
.py20Adds top and bottom padding with value 80
.py24Adds top and bottom padding with value 96
.py28Adds top and bottom padding with value 112
.py32Adds top and bottom padding with value 128
.py36Adds top and bottom padding with value 144
.py40Adds top and bottom padding with value 160
.py44Adds top and bottom padding with value 176
.py48Adds top and bottom padding with value 192
.py52Adds top and bottom padding with value 208
.py56Adds top and bottom padding with value 224
.py60Adds top and bottom padding with value 240
.py64Adds top and bottom padding with value 256
.pl0Adds only left side padding with value 0
.pl1Adds only left side padding with value 4
.pl2Adds only left side padding with value 8
.pl3Adds only left side padding with value 12
.pl4Adds only left side padding with value 16
.pl5Adds only left side padding with value 20
.pl6Adds only left side padding with value 24
.pl7Adds only left side padding with value 28
.pl8Adds only left side padding with value 32
.pl9Adds only left side padding with value 36
.pl10Adds only left side padding with value 40
.pl11Adds only left side padding with value 44
.pl12Adds only left side padding with value 48
.pl14Adds only left side padding with value 56
.pl16Adds only left side padding with value 64
.pl20Adds only left side padding with value 80
.pl24Adds only left side padding with value 96
.pl28Adds only left side padding with value 112
.pl32Adds only left side padding with value 128
.pl36Adds only left side padding with value 144
.pl40Adds only left side padding with value 160
.pl44Adds only left side padding with value 176
.pl48Adds only left side padding with value 192
.pl52Adds only left side padding with value 208
.pl56Adds only left side padding with value 224
.pl60Adds only left side padding with value 240
.pl64Adds only left side padding with value 256
.pt0Adds only top side padding with value 0
.pt1Adds only top side padding with value 4
.pt2Adds only top side padding with value 8
.pt3Adds only top side padding with value 12
.pt4Adds only top side padding with value 16
.pt5Adds only top side padding with value 20
.pt6Adds only top side padding with value 24
.pt7Adds only top side padding with value 28
.pt8Adds only top side padding with value 32
.pt9Adds only top side padding with value 36
.pt10Adds only top side padding with value 40
.pt11Adds only top side padding with value 44
.pt12Adds only top side padding with value 48
.pt14Adds only top side padding with value 56
.pt16Adds only top side padding with value 64
.pt20Adds only top side padding with value 80
.pt24Adds only top side padding with value 96
.pt28Adds only top side padding with value 112
.pt32Adds only top side padding with value 128
.pt36Adds only top side padding with value 144
.pt40Adds only top side padding with value 160
.pt44Adds only top side padding with value 176
.pt48Adds only top side padding with value 192
.pt52Adds only top side padding with value 208
.pt56Adds only top side padding with value 224
.pt60Adds only top side padding with value 240
.pt64Adds only top side padding with value 256
.pr0Adds only right side padding with value 0
.pr1Adds only right side padding with value 4
.pr2Adds only right side padding with value 8
.pr3Adds only right side padding with value 12
.pr4Adds only right side padding with value 16
.pr5Adds only right side padding with value 20
.pr6Adds only right side padding with value 24
.pr7Adds only right side padding with value 28
.pr8Adds only right side padding with value 32
.pr9Adds only right side padding with value 36
.pr10Adds only right side padding with value 40
.pr11Adds only right side padding with value 44
.pr12Adds only right side padding with value 48
.pr14Adds only right side padding with value 56
.pr16Adds only right side padding with value 64
.pr20Adds only right side padding with value 80
.pr24Adds only right side padding with value 96
.pr28Adds only right side padding with value 112
.pr32Adds only right side padding with value 128
.pr36Adds only right side padding with value 144
.pr40Adds only right side padding with value 160
.pr44Adds only right side padding with value 176
.pr48Adds only right side padding with value 192
.pr52Adds only right side padding with value 208
.pr56Adds only right side padding with value 224
.pr60Adds only right side padding with value 240
.pr64Adds only right side padding with value 256
.pb0Adds only bottom side padding with value 0
.pb1Adds only bottom side padding with value 4
.pb2Adds only bottom side padding with value 8
.pb3Adds only bottom side padding with value 12
.pb4Adds only bottom side padding with value 16
.pb5Adds only bottom side padding with value 20
.pb6Adds only bottom side padding with value 24
.pb7Adds only bottom side padding with value 28
.pb8Adds only bottom side padding with value 32
.pb9Adds only bottom side padding with value 36
.pb10Adds only bottom side padding with value 40
.pb11Adds only bottom side padding with value 44
.pb12Adds only bottom side padding with value 48
.pb14Adds only bottom side padding with value 56
.pb16Adds only bottom side padding with value 64
.pb20Adds only bottom side padding with value 80
.pb24Adds only bottom side padding with value 96
.pb28Adds only bottom side padding with value 112
.pb32Adds only bottom side padding with value 128
.pb36Adds only bottom side padding with value 144
.pb40Adds only bottom side padding with value 160
.pb44Adds only bottom side padding with value 176
.pb48Adds only bottom side padding with value 192
.pb52Adds only bottom side padding with value 208
.pb56Adds only bottom side padding with value 224
.pb60Adds only bottom side padding with value 240
.pb64Adds only bottom side padding with value 256

Released under the MIT License.