@ugrc/utah-design-system v1.20.3
UGRC Design System
This is UGRC's React Aria plus Tailwind CSS implementation of the Utah Design System.
This design system expects Tailwind CSS primary, secondary, and accent colors ranging from 50-950. The UGRC default presets can be used for this from @ugrc/tailwind-preset.
The Header component requires a custom font for the SVG text.
Remote
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Source+Sans+3&display=swap"
rel="stylesheet"
/>
Local
@font-face {
font-family: 'SourceSansPro-Regular';
src: url('/fonts/SourceSans3-Regular.otf.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SourceSansPro-Black';
src: url('/fonts/SourceSans3-Black.otf.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
4 months ago
6 months ago
5 months ago
4 months ago
4 months ago
5 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
10 months ago
9 months ago
9 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
11 months ago
10 months ago
11 months ago
11 months ago
10 months ago
10 months ago
10 months ago
11 months ago
11 months ago
11 months ago
11 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago