Built-in classes

Famiq provides built-in classes for color, size and spacing.

Color

is-primary | is-secondary | is-success | is-danger | is-info | is-warning |

is-primary-dark | is-success-dark | is-danger-dark | is-info-dark | is-warning-dark |

is-dark.

Size

is-small | is-large

Spacing

Margin

x is a number * 5px

• mt-x | mb-x | ml-x | mr-x: margin top, bottom, left and right at x * 5px.
• mt-auto | mb-auto | ml-auto | mr-auto: margin auto for top, bottom, left and right.
• my-x: margin top and bottom at x * 5px.
• my-auto: margin auto for top and bottom.
• mx-x: margin left and right at x * 5px.
• mx-auto: margin auto for left and right.

Padding

x is a number * 5px

• pt-x | pb-x | pl-x | pr-x: padding top, bottom, left and right at x * 5px.
• pt-auto | pb-auto | pl-auto | pr-auto: padding auto for top, bottom, left and right.
• py-x: padding top and bottom at x * 5px.
• py-auto: padding auto for top and bottom.
• px-x: padding left and right at x * 5px.
• px-auto: padding auto for left and right.