@ucdavis/gunrock-tailwind 2.0.0 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/imports.css +121 -8
  2. package/package.json +1 -1
package/imports.css CHANGED
@@ -31,13 +31,126 @@
31
31
  font-display: fallback;
32
32
  }
33
33
 
34
+ body {
35
+ font-family: "proxima-nova-r", sans-serif;
36
+ }
37
+ h1 {
38
+ font-size: 2.25rem; /* 36px */
39
+ font-weight: 700; /* bold */
40
+ line-height: 2.5rem; /* 40px */
41
+ letter-spacing: -0.01562em;
42
+ }
43
+
44
+ h2 {
45
+ font-size: 1.5rem; /* 24px */
46
+ font-weight: 700; /* bold */
47
+ line-height: 2rem; /* 32px */
48
+ letter-spacing: -0.01562em;
49
+ }
50
+
51
+ h3 {
52
+ font-size: 1.25rem; /* 20px */
53
+ font-weight: 600; /* semi-bold */
54
+ line-height: 1.75rem; /* 28px */
55
+ letter-spacing: 0em;
56
+ }
57
+
58
+ h4 {
59
+ font-size: 0.875rem; /* 14px */
60
+ text-transform: uppercase;
61
+ line-height: 1.5rem; /* 24px */
62
+ }
63
+
64
+ h5 {
65
+ font-size: 1.25rem; /* 20px */
66
+ font-weight: 500; /* medium */
67
+ }
68
+
69
+ h6 {
70
+ font-size: 1.125rem; /* 18px */
71
+ font-weight: 500; /* medium */
72
+ }
73
+
74
+ p {
75
+ font-size: 1rem; /* 16px */
76
+ }
77
+
78
+ .lede {
79
+ font-size: 1.125rem; /* 18px */
80
+ font-weight: 600; /* semi-bold */
81
+ line-height: 1.75rem; /* 28px */
82
+ }
83
+
34
84
  @theme {
35
- --color-primary: rgba(88, 10, 36, 1); /* solid */
36
- --color-primary-dark: rgba(65, 7, 27, 1); /* darker */
37
- --color-primary-light: rgba(134, 15, 55, 1); /* lighter */
38
- --color-bg: rgba(253, 246, 238, 1); /* background */
39
- --color-primary-f: rgba(31, 31, 31, 0.99);
40
- --color-secondary-f: rgba(31, 31, 31, 0.7);
41
- --color-tertiary-f: rgba(31, 31, 31, 0.48);
42
- --color-nav: rgba(255, 255, 255, 0.8);
85
+ /* standard colors */
86
+ --color-primary-font: oklch(0.3132 0 0); /* dark gray */
87
+ --color-darkmode-primary-font: oklch(99.9% 0.0045 106.7); /* near-white */
88
+
89
+ /* backgrounds */
90
+ --color-light-bg-100: oklch(100% 0 0); /* white */
91
+ --color-light-bg-200: oklch(98% 0 0); /* off-white */
92
+ --color-light-bg-300: oklch(95% 0 0); /* light gray */
93
+ --color-dark-bg-100: oklch(10% 0.003 285.823); /* darkest gray */
94
+ --color-dark-bg-200: oklch(12% 0.004 285.823); /* darker gray */
95
+ --color-dark-bg-300: oklch(14% 0.005 285.823); /* dark gray */
96
+
97
+ /* UC Davis colors */
98
+ --color-ucd-recpool: oklch(0.8061 0.0988 219.14);
99
+ --color-ucd-tahoe: oklch(0.7116 0.1366 226.42);
100
+ --color-ucd-gunrock: oklch(0.4421 0.1915 261.04);
101
+ --color-ucd-bodega: oklch(0.3351 0.081553 243.3375);
102
+ --color-ucd-rain: oklch(0.8832 0.1554 185.06);
103
+ --color-ucd-arboretum: oklch(0.737 0.130582 183.9488);
104
+ --color-ucd-putahcreek: oklch(0.5971 0.107478 218.2718);
105
+ --color-ucd-delta: oklch(0.3947 0.0691 186.34);
106
+ --color-ucd-farmersmarket: oklch(0.8367 0.1101 135.3);
107
+ --color-ucd-sage: oklch(0.7674 0.1162 158.75);
108
+ --color-ucd-quad: oklch(0.6617 0.1948 141.18);
109
+ --color-ucd-redwood: oklch(0.4413 0.0799 157.29);
110
+ --color-ucd-goldenstate: oklch(0.9694 0.1972 109.58);
111
+ --color-ucd-sunflower: oklch(0.8967 0.185062 97.445);
112
+ --color-ucd-poppy: oklch(0.729 0.168874 61.2836);
113
+ --color-ucd-california: oklch(0.4976 0.0891 52.49);
114
+ --color-ucd-rose: oklch(0.7479 0.153251 17.5392);
115
+ --color-ucd-strawberry: oklch(0.6424 0.2284 21.81);
116
+ --color-ucd-doubledecker: oklch(0.5134 0.2055 20.35);
117
+ --color-ucd-merlot: oklch(0.3891 0.1155 16);
118
+ --color-ucd-thiebauldicing: oklch(0.7796 0.1288 342.92);
119
+ --color-ucd-redbud: oklch(0.5432 0.2254 351.56);
120
+ --color-ucd-pinot: oklch(0.4134 0.1448 333.08);
121
+ --color-ucd-cabernet: oklch(0.3221 0.1406 308.84);
122
+ }
123
+ .btn {
124
+ border-radius: 4px;
125
+ }
126
+ @plugin "daisyui/theme" {
127
+ name: "gunrock";
128
+ --color-base-100: var(--color-light-bg-100);
129
+ --color-base-200: var(--color-light-bg-200);
130
+ --color-base-300: var(--color-light-bg-300);
131
+ --color-base-content: var(--color-primary-font);
132
+ --color-primary: var(--color-ucd-gunrock);
133
+ --color-primary-content: var(--color-darkmode-primary-font);
134
+ --color-secondary: var(--color-ucd-sunflower);
135
+ --color-secondary-content: var(--color-primary-font);
136
+ --color-accent: var(--color-ucd-recpool);
137
+ --color-accent-content: var(--color-primary-font);
138
+ --color-success: var(--color-ucd-quad);
139
+ --color-success-content: var(--color-darkmode-primary-font);
140
+ --color-warning: var(--color-ucd-poppy);
141
+ --color-warning-content: var(--color-primary-font);
142
+ --color-error: var(--color-ucd-doubledecker);
143
+ --color-error-content: var(--color-darkmode-primary-font);
144
+ --color-neutral: var(--color-dark-bg-100);
145
+ --color-neutral-content: var(--color-darkmode-primary-font);
146
+ --color-info: var(--color-ucd-tahoe);
147
+ --color-info-content: var(--color-primary-font);
148
+ --radius-selector: 0.5rem;
149
+ --radius-field: 0.5rem;
150
+ --radius-box: 0.5rem;
151
+ --size-selector: 0.25rem;
152
+ --size-field: 0.25rem;
153
+ --border: 1px;
154
+ --depth: 1;
155
+ --noise: 1;
43
156
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ucdavis/gunrock-tailwind",
3
- "version": "2.0.0",
3
+ "version": "2.1.0",
4
4
  "description": "Tailwind + DaisyUI preset for UC Davis branding",
5
5
  "main": "imports.css",
6
6
  "files": [