This site is a work in progress as part of GovTech {build} hackathon. Content may be incomplete or subject to change.

Browse Foundations

Foundations

Border width

Width tokens define the stroke thickness of borders applied to components and surfaces.

Width tokens define the stroke thickness of borders applied to components and custom surfaces.

CSS variable

Value (px/rem)

Preview

sgds-border-width-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

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

Past Versions