Arches: Utility Classes

Arches:Utility Classes

Multi Product Brand Style System by the American College of Cardiology

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

9.2 Box Decoration Break

Utility class that applies box-decoration-break: clone; to ensure that box decorations such as borders, padding, and background are duplicated for each fragment when inline elements wrap across lines. This is useful when styling multi-line inline elements like tags or badges where consistent decoration is needed across line breaks.

.box-break_clone - items repeat the box decorators at the begining of each break of a wrapped inline block item .box-break_slice - items only have the box decorators at the start and end of the inline block and are not between at the wrap breaks.

Example

Default styling

Markup:

Markup:
Copy Code