Foundation FAQ

Can I create my own gaps, sections or spaces?

The ideal approach is to use one of the values provided in foundations. However, if none of these values fit, it’s better to check with the design team before creating a new one to determine if we should add a new foundation value or use an isolated spacing.

Can we use a background color with opacity as a foundation (f—background-X)?

Yes, as long as we add it to $colorbg-options in vars.

Example:

$colorbg-options: (
    a: $color-d,
    b: $color-e,
    c: rgba($color-f, .5),
);

Can I use a font in the project that isn’t included in foundations?

No, unless specified by the design team. If we come across a font that isn’t included in foundations, it is likely an error and should correspond to an existing font.