Skip to main content

CSS

Bundles

We distribute several CSS files, each of which "bundles" different parts of the system so that you can tailor it to your site without the need for a custom build process:

FileSize
dist/css/base.css274 B
dist/css/components.css2.29 kB
dist/css/fonts.css186 B
dist/css/icons.css121 B
dist/css/overrides.css74 B
dist/css/sfds.css405.95 kB
dist/css/typography.css1.4 kB
dist/css/utilities.css402 kB

All CSS and custom fonts

<link rel="stylesheet" href="https://unpkg.com/sfgov-design-system@2.5.1/dist/css/sfds.css">
<link rel="stylesheet" href="https://unpkg.com/sfgov-design-system@2.5.1/dist/css/fonts.css">

Only utilities

<link rel="stylesheet" href="https://unpkg.com/sfgov-design-system@2.5.1/dist/css/utilities.css">
tip
Replace 2.5.1 in the above link href attributes with latest to get the latest version.