css Pine Responsive Spacing Utilities

Posted 2021-05-13

.p-sm-0   {padding: 0!important;}
.p-sm-1   {padding: 10px!important;}
.p-sm-2   {padding: 30px!important;}
.pt-sm-0  {padding-top: 0!important;}
.pt-sm-1  {padding-top: 10px!important;}
.pt-sm-2  {padding-top: 30px!important;}
.pr-sm-0  {padding-right: 0!important;}
.pr-sm-1  {padding-right: 10px!important;}
.pr-sm-2  {padding-right: 30px!important;}
.pb-sm-0  {padding-bottom: 0!important;}
.pb-sm-1  {padding-bottom: 10px!important;}
.pb-sm-2  {padding-bottom: 30px!important;}
.pl-sm-0  {padding-left: 0!important;}
.pl-sm-1  {padding-left: 10px!important;}
.pl-sm-2  {padding-left: 30px!important;}
.px-sm-0  {padding-right: 0!important; padding-left: 0!important;}
.px-sm-1  {padding-right: 10px!important; padding-left: 10px!important;}
.px-sm-2  {padding-right: 30px!important; padding-left: 30px!important;}
.py-sm-0  {padding-top: 0!important; padding-bottom: 0!important;}
.py-sm-1  {padding-top: 10px!important; padding-bottom: 10px!important;}
.py-sm-2  {padding-top: 30px!important; padding-bottom: 30px!important;}