Box model

[pritpalc]

Acceptance Criteria:

• margins, padding, borders
• naming system of p*-breakpoint-size (ex. pb-lg-025)
• where * is either b = bottom, t = top, l = left, r = right, tb = top & bottom, rl = right & left
• sizing is any of 025, 050, 075, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 625, 750 where * * * each number is divided by 100 and is in units of rem (ex. 025 = 0.25rem)

Approach:

• create an array of the sizes and the placement
• loop through all of them and create classes