Description

The Funding Circle grid system doesn't specify gutters between the columns; columns sit right up against each other. However, in order to accommodate the elements and provide breathing room for text, a padding will be defined when needed (not all columns will have padding by default).

The standard value of this padding is 1.5rem(1.5 times our base font size). While 1.5rem is the default padding, this may be adjusted as needed for content with high contrast in text sizes (usually with very large headings that need more breathing room).

This mixin will be adding a padding left and right on the element. Because the 'page' grid will create a starting pad of 1 rem on both sides at the smallest web width(320px), the additional gutter will be removed for this breakpoint.