SGDS Border Width Utilities Skill

Helps developers control border thickness and which sides of an element have borders.

Prerequisites

Required: Complete setup from sgds-utilities-setup skill first.

Theme files not required: Border width utilities work without theme files.

Core Concept

Border width utilities control thickness and which sides have borders. They are separate from border color — you always need both a width class and a color class for a visible border.

<!-- Width alone: reserves space but invisible -->
<div class="sgds:border">...</div>