Border width tokens

Design tokens for border width across the SGDS system.

Design token

Border width tokens

CSS variableFigma tokenCSS variableValue (px/rem)Example
--sgds-border-width-0
0
--sgds-border-width-1
Default
1/0.0625
--sgds-border-width-2
2/0.125
--sgds-border-width-3
3/0.1875
--sgds-border-width-4
4/0.25

Singapore Government Design System

The Singapore Government Design System was developed to empower teams in creating fast, accessible and mobile-friendly digital services.