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:
| File | Size |
|---|---|
| css/base.css | 274 B |
| css/components.css | 2.29 kB |
| css/fonts.css | 186 B |
| css/icons.css | 121 B |
| css/overrides.css | 74 B |
| css/sfds.css | 405.08 kB |
| css/typography.css | 1.4 kB |
| css/utilities.css | 401.13 kB |
All CSS and custom fonts
<link rel="stylesheet" href="https://unpkg.com/@sfgov/design-system@0.0.1/css/sfds.css">
<link rel="stylesheet" href="https://unpkg.com/@sfgov/design-system@0.0.1/css/fonts.css">
Only utilities
<link rel="stylesheet" href="https://unpkg.com/@sfgov/design-system@0.0.1/css/utilities.css">
tip
Replace
0.0.1 in the above link href attributes with latest to get the latest version.