This Documentation is Moved!

This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/

Arches: Utility Classes

Arches:Utility Classes

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/acc_uc.css, line 7200

6.6.1 Grid Gap

Description: Grid Gap

classcss propertyvalue
.gap-x_0 grid-column-gap : 0
.gap-x_1 grid-column-gap : 1px
.gap-x_2 grid-column-gap : 0.25rem
.gap-x_3 grid-column-gap : 0.5rem
.gap-x_4 grid-column-gap : 1rem
.gap-x_5 grid-column-gap : 2rem
.gap-x_6 grid-column-gap : 4rem
classcss propertyvalue
.gap-y_0 grid-row-gap : 0
.gap-y_1 grid-row-gap : 1px
.gap-y_2 grid-row-gap : 0.25rem
.gap-y_3 grid-row-gap : 0.5rem
.gap-y_4 grid-row-gap : 1rem
.gap-y_5 grid-row-gap : 2rem
.gap-y_6 grid-row-gap : 4rem