@ucdavis/gunrock-tailwind 1.3.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.
- package/README.md +4 -11
- package/imports.css +156 -0
- package/package.json +8 -7
- package/colors.js +0 -34
- package/daisyui-theme.js +0 -16
- package/index.js +0 -67
package/README.md
CHANGED
|
@@ -2,15 +2,8 @@ tailwind config file for UC D projects
|
|
|
2
2
|
|
|
3
3
|
npm install @ucdavis/gunrock-tailwind
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
const preset = require('@ucdavis/gunrock-tailwind');
|
|
5
|
+
global.css should look like
|
|
7
6
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
global css
|
|
14
|
-
@tailwind base;
|
|
15
|
-
@tailwind components;
|
|
16
|
-
@tailwind utilities;
|
|
7
|
+
@import 'tailwindcss';
|
|
8
|
+
@plugin "daisyui";
|
|
9
|
+
@import './gunrocktailwind.css';
|
package/imports.css
ADDED
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
@font-face {
|
|
2
|
+
font-family: "proxima-nova-r";
|
|
3
|
+
src: url("https://ucdcdn.azureedge.net/public/media/fonts/proximanova-regular-webfont.woff")
|
|
4
|
+
format("woff");
|
|
5
|
+
font-weight: normal;
|
|
6
|
+
font-style: normal;
|
|
7
|
+
font-display: fallback;
|
|
8
|
+
}
|
|
9
|
+
@font-face {
|
|
10
|
+
font-family: "proxima-nova-i";
|
|
11
|
+
src: url("https://ucdcdn.azureedge.net/public/media/fonts/proximanova-regularit-webfont.woff")
|
|
12
|
+
format("woff");
|
|
13
|
+
font-weight: normal;
|
|
14
|
+
font-style: normal;
|
|
15
|
+
font-display: fallback;
|
|
16
|
+
}
|
|
17
|
+
@font-face {
|
|
18
|
+
font-family: "proxima-nova-b";
|
|
19
|
+
src: url("https://ucdcdn.azureedge.net/public/media/fonts/proximanova-bold-webfont.woff")
|
|
20
|
+
format("woff");
|
|
21
|
+
font-weight: normal;
|
|
22
|
+
font-style: normal;
|
|
23
|
+
font-display: fallback;
|
|
24
|
+
}
|
|
25
|
+
@font-face {
|
|
26
|
+
font-family: "ryman";
|
|
27
|
+
src: url("https://ucdcdn.azureedge.net/public/media/fonts/ryman-eco-webfont.woff")
|
|
28
|
+
format("woff");
|
|
29
|
+
font-weight: normal;
|
|
30
|
+
font-style: normal;
|
|
31
|
+
font-display: fallback;
|
|
32
|
+
}
|
|
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
|
+
|
|
84
|
+
@theme {
|
|
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;
|
|
156
|
+
}
|
package/package.json
CHANGED
|
@@ -1,16 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ucdavis/gunrock-tailwind",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "2.1.0",
|
|
4
4
|
"description": "Tailwind + DaisyUI preset for UC Davis branding",
|
|
5
|
-
"main": "
|
|
5
|
+
"main": "imports.css",
|
|
6
6
|
"files": [
|
|
7
|
-
"
|
|
8
|
-
"colors.js",
|
|
9
|
-
"daisyui-theme.js"
|
|
7
|
+
"imports.css"
|
|
10
8
|
],
|
|
11
9
|
"keywords": [
|
|
12
10
|
"tailwind",
|
|
13
|
-
"daisyui",
|
|
14
11
|
"ucdavis",
|
|
15
12
|
"theme"
|
|
16
13
|
],
|
|
@@ -18,5 +15,9 @@
|
|
|
18
15
|
"tailwindcss": "^4.0.0",
|
|
19
16
|
"daisyui": "^5.0.0"
|
|
20
17
|
},
|
|
21
|
-
"license": "MIT"
|
|
18
|
+
"license": "MIT",
|
|
19
|
+
"repository": {
|
|
20
|
+
"type": "git",
|
|
21
|
+
"url": "https://github.com/ucdavis/gunrock-tailwind"
|
|
22
|
+
}
|
|
22
23
|
}
|
package/colors.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
// colors.js
|
|
2
|
-
module.exports = {
|
|
3
|
-
"primary-font": "rgb(31 31 31 / <alpha-value>)",
|
|
4
|
-
"secondary-font": "rgb(31 31 31 / <alpha-value>)",
|
|
5
|
-
"tertiary-font": "rgb(31 31 31 / <alpha-value>)",
|
|
6
|
-
"primary-white": "rgb(254 254 254 / <alpha-value>)",
|
|
7
|
-
"secondary-white": "rgb(254 254 254 / <alpha-value>)",
|
|
8
|
-
ucd: {
|
|
9
|
-
recpool: "rgb(111 207 235 / <alpha-value>)",
|
|
10
|
-
tahoe: "rgb(0 178 227 / <alpha-value>)",
|
|
11
|
-
gunrock: "rgb(0 71 186 / <alpha-value>)",
|
|
12
|
-
bodega: "rgb(0 58 93 / <alpha-value>)",
|
|
13
|
-
rain: "rgb(3 249 230 / <alpha-value>)",
|
|
14
|
-
arboretum: "rgb(0 196 179 / <alpha-value>)",
|
|
15
|
-
putahcreek: "rgb(0 142 170 / <alpha-value>)",
|
|
16
|
-
delta: "rgb(0 82 76 / <alpha-value>)",
|
|
17
|
-
farmersmarket: "rgb(170 218 145 / <alpha-value>)",
|
|
18
|
-
sage: "rgb(108 202 152 / <alpha-value>)",
|
|
19
|
-
quad: "rgb(61 174 43 / <alpha-value>)",
|
|
20
|
-
redwood: "rgb(38 96 65 / <alpha-value>)",
|
|
21
|
-
goldenstate: "rgb(255 255 59 / <alpha-value>)",
|
|
22
|
-
sunflower: "rgb(255 220 0 / <alpha-value>)",
|
|
23
|
-
poppy: "rgb(241 138 0 / <alpha-value>)",
|
|
24
|
-
california: "rgb(138 83 47 / <alpha-value>)",
|
|
25
|
-
rose: "rgb(255 129 137 / <alpha-value>)",
|
|
26
|
-
strawberry: "rgb(249 53 73 / <alpha-value>)",
|
|
27
|
-
doubledecker: "rgb(193 2 48 / <alpha-value>)",
|
|
28
|
-
merlot: "rgb(121 36 47 / <alpha-value>)",
|
|
29
|
-
thiebauldicing: "rgb(240 149 205 / <alpha-value>)",
|
|
30
|
-
redbud: "rgb(198 0 126 / <alpha-value>)",
|
|
31
|
-
pinot: "rgb(118 35 108 / <alpha-value>)",
|
|
32
|
-
cabernet: "rgb(72 18 104 / <alpha-value>)",
|
|
33
|
-
},
|
|
34
|
-
};
|
package/daisyui-theme.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
const colors = require("./colors");
|
|
2
|
-
|
|
3
|
-
module.exports = {
|
|
4
|
-
gunrock: {
|
|
5
|
-
...colors.ucd,
|
|
6
|
-
primary: colors.ucd.gunrock,
|
|
7
|
-
secondary: colors.ucd.sunflower,
|
|
8
|
-
accent: colors.ucd.arboretum,
|
|
9
|
-
neutral: colors.ucd.bodega,
|
|
10
|
-
"base-100": "#ffffff",
|
|
11
|
-
info: colors.ucd.rain,
|
|
12
|
-
success: colors.ucd.quad,
|
|
13
|
-
warning: colors.ucd.poppy,
|
|
14
|
-
error: colors.ucd.doubledecker,
|
|
15
|
-
},
|
|
16
|
-
};
|
package/index.js
DELETED
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
const plugin = require("tailwindcss/plugin");
|
|
2
|
-
const daisyui = require("daisyui");
|
|
3
|
-
const colors = require("./colors");
|
|
4
|
-
const daisyuiTheme = require("./daisyui-theme");
|
|
5
|
-
|
|
6
|
-
module.exports = {
|
|
7
|
-
content: [],
|
|
8
|
-
theme: {
|
|
9
|
-
extend: {
|
|
10
|
-
colors,
|
|
11
|
-
fontFamily: {
|
|
12
|
-
sans: ["proxima-nova-r", "Arial", "sans-serif"],
|
|
13
|
-
"sans-bold": ["proxima-nova-b", "Arial", "sans-serif"],
|
|
14
|
-
"sans-italic": ["proxima-nova-i", "Arial", "sans-serif"],
|
|
15
|
-
ryman: ["ryman", "Georgia", "serif"],
|
|
16
|
-
},
|
|
17
|
-
borderColor: {
|
|
18
|
-
DEFAULT: "#C8C7CC",
|
|
19
|
-
border: "#C8C7CC",
|
|
20
|
-
},
|
|
21
|
-
boxShadow: {
|
|
22
|
-
subtle:
|
|
23
|
-
"0 0 0 1px rgba(49, 49, 93, 0.03), 0 2px 5px 0 rgba(49, 49, 93, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.08)",
|
|
24
|
-
},
|
|
25
|
-
},
|
|
26
|
-
},
|
|
27
|
-
plugins: [
|
|
28
|
-
plugin(({ addBase }) => {
|
|
29
|
-
addBase({
|
|
30
|
-
"@font-face": [
|
|
31
|
-
{
|
|
32
|
-
fontFamily: "proxima-nova-r",
|
|
33
|
-
src: 'url("https://ucdcdn.azureedge.net/public/media/fonts/proximanova-regular-webfont.woff") format("woff")',
|
|
34
|
-
fontWeight: "normal",
|
|
35
|
-
fontStyle: "normal",
|
|
36
|
-
fontDisplay: "fallback",
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
fontFamily: "proxima-nova-i",
|
|
40
|
-
src: 'url("https://ucdcdn.azureedge.net/public/media/fonts/proximanova-regularit-webfont.woff") format("woff")',
|
|
41
|
-
fontWeight: "normal",
|
|
42
|
-
fontStyle: "normal",
|
|
43
|
-
fontDisplay: "fallback",
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
fontFamily: "proxima-nova-b",
|
|
47
|
-
src: 'url("https://ucdcdn.azureedge.net/public/media/fonts/proximanova-bold-webfont.woff") format("woff")',
|
|
48
|
-
fontWeight: "normal",
|
|
49
|
-
fontStyle: "normal",
|
|
50
|
-
fontDisplay: "fallback",
|
|
51
|
-
},
|
|
52
|
-
{
|
|
53
|
-
fontFamily: "ryman",
|
|
54
|
-
src: 'url("https://ucdcdn.azureedge.net/public/media/fonts/ryman-eco-webfont.woff") format("woff")',
|
|
55
|
-
fontWeight: "normal",
|
|
56
|
-
fontStyle: "normal",
|
|
57
|
-
fontDisplay: "fallback",
|
|
58
|
-
},
|
|
59
|
-
],
|
|
60
|
-
});
|
|
61
|
-
}),
|
|
62
|
-
daisyui,
|
|
63
|
-
],
|
|
64
|
-
daisyui: {
|
|
65
|
-
themes: [daisyuiTheme],
|
|
66
|
-
},
|
|
67
|
-
};
|