Use via CDN

Access the DDS styles using a link to the CDN

Using the CDN version of the CSS and is the quickest way to access the styles in the University Digital Design System.

Minified CSS

Copy and paste this link to add a globally available, cached version of the design system to your project.

Latest CDN Version

This link will always have the latest styles within the DDS. Be aware that using this version could affect your designs or have breaking changes.

<link rel="stylesheet" href="https://fastly.cdn.syracuse.edu/dds/latest/dds.min.css">

Newest Stable Version

<link rel="stylesheet" href="https://fastly.cdn.syracuse.edu/dds/v1.10.0/dds.min.css">

Archived Versions

<link rel="stylesheet" href="https://fastly.cdn.syracuse.edu/dds/v1.9.1/dds.min.css">
<link rel="stylesheet" href="https://fastly.cdn.syracuse.edu/dds/v1.8.0/dds.min.css">
<link rel="stylesheet" href="https://fastly.cdn.syracuse.edu/dds/v1.7.9/dds.min.css">
<link rel="stylesheet" href="https://fastly.cdn.syracuse.edu/dds/v1.7.8/dds.min.css">
<link rel="stylesheet" href="https://fastly.cdn.syracuse.edu/dds/v1.7.7/dds.min.css">
<link rel="stylesheet" href="https://fastly.cdn.syracuse.edu/dds/v1.7.6/dds.min.css">
<link rel="stylesheet" href="https://fastly.cdn.syracuse.edu/dds/v1.7.5/dds.min.css">
<link rel="stylesheet" href="https://fastly.cdn.syracuse.edu/dds/v1.6.5/dds.min.css">
<link rel="stylesheet" href="https://fastly.cdn.syracuse.edu/dds/v1.6.3/dds.min.css">
<link rel="stylesheet" href="https://fastly.cdn.syracuse.edu/dds/v1.6.2/dds.min.css">
<link rel="stylesheet" href="https://fastly.cdn.syracuse.edu/dds/v1.5.2/dds.min.css">
<link rel="stylesheet" href="https://fastly.cdn.syracuse.edu/dds/v1.4.2/dds.min.css">
<link rel="stylesheet" href="https://fastly.cdn.syracuse.edu/dds/v1.4.1/dds.min.css">
<link rel="stylesheet" href="https://fastly.cdn.syracuse.edu/dds/v1.3.1/dds.min.css">
<link rel="stylesheet" href="https://fastly.cdn.syracuse.edu/dds/v1.2.1/dds.min.css">
<link rel="stylesheet" href="https://fastly.cdn.syracuse.edu/dds/v1.1.1/dds.min.css">
<link rel="stylesheet" href="https://fastly.cdn.syracuse.edu/dds/v1.0/dds.min.css">

Pros and Cons

Pro: A benefit to using the CDN, is the ease at which you can add the DDS to your project. There are no other dependencies needed.

Con: The CDN will only provide access to the classes, you will not be able to leverage the power of design tokens and mixins that are only available with the sass files.