Create padding utility classes for print

[belanglos]

tl;dr

We would love to use the class p-print-3 to apply padding to an element only when printing, to have a nice looking pdf or printout. Plz merge! 😍

Change

Bootstrap has some built-in utility classes to e.g. only display elements if the user is printing a website (i.e. within the @media print media query. Print utility classes for additional properties have to explicitly be enabled according to: https://getbootstrap.com/docs/5.3/utilities/api/#print

This change is modifying the utility classes for padding (according to https://getbootstrap.com/docs/5.3/utilities/api/#modify-utilities), and thus additionally creating utility classes p-print-0 to p-print-5, while leaving all other classes untouched.

The created classes:

.p-print-0 {
	padding: 0 !important;
}

.p-print-1 {
	padding: 0.325rem !important;
}

.p-print-2 {
	padding: 0.65rem !important;
}

.p-print-3 {
	padding: 1.3rem !important;
}

.p-print-4 {
	padding: 1.95rem !important;
}

.p-print-5 {
	padding: 3.9rem !important;
}

Our use case

We want to create beautiful printouts (or save to pdfs) with nice padding.

Currently:

How things could be: