Skip to content

Commit c4cb9d7

Browse files
authored
refactor: move serveral part of config to index.css
1 parent f5b31bc commit c4cb9d7

File tree

3 files changed

+154
-2
lines changed

3 files changed

+154
-2
lines changed

apps/site/.stylelintrc.mjs

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,5 +41,7 @@ export default {
4141
'media-feature-range-notation': 'prefix',
4242
// Adopts the import notation from `postcss-import`
4343
'import-notation': 'string',
44+
'at-rule-no-unknown': null,
45+
'function-no-unknown': null,
4446
},
4547
};

apps/site/package.json

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -39,8 +39,6 @@
3939
"@radix-ui/react-tabs": "^1.1.1",
4040
"@radix-ui/react-toast": "^1.2.5",
4141
"@radix-ui/react-tooltip": "^1.1.8",
42-
"@savvywombat/tailwindcss-grid-areas": "~4.0.0",
43-
"@tailwindcss/container-queries": "~0.1.1",
4442
"@tailwindcss/postcss": "^4.0.8",
4543
"@vcarl/remark-headings": "~0.1.0",
4644
"@vercel/analytics": "~1.4.1",

apps/site/styles/index.css

Lines changed: 152 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,3 +11,155 @@
1111
@import './markdown.css' layer(utilities);
1212
@import './effects.css' layer(utilities);
1313
@import './locals.css' layer(utilities);
14+
15+
@theme {
16+
--green-100: #edf2eb;
17+
--green-200: #c5e5b4;
18+
--green-300: #99cc7d;
19+
--green-400: #84ba64;
20+
--green-500: #5fa04e;
21+
--green-600: #417e38;
22+
--green-700: #2c682c;
23+
--green-800: #2c682c;
24+
--green-900: #1a3f1d;
25+
--neutral-100: #f6f7f9;
26+
--neutral-200: #e9edf0;
27+
--neutral-300: #d9e1e4;
28+
--neutral-400: #cbd4d9;
29+
--neutral-500: #b1bcc2;
30+
--neutral-600: #929fa5;
31+
--neutral-700: #6e7b83;
32+
--neutral-800: #556066;
33+
--neutral-900: #2c3437;
34+
--neutral-950: #0d121c;
35+
--danger-100: #fbf1f0;
36+
--danger-200: #fad3d4;
37+
--danger-300: #fab6b7;
38+
--danger-400: #fa8e8e;
39+
--danger-500: #f65354;
40+
--danger-600: #de1a1b;
41+
--danger-700: #b80c0c;
42+
--danger-800: #900e0e;
43+
--danger-900: #661514;
44+
--warning-100: #fdf3e7;
45+
--warning-200: #fad9b0;
46+
--warning-300: #f5bc75;
47+
--warning-400: #e99c40;
48+
--warning-500: #d07912;
49+
--warning-600: #ae5f00;
50+
--warning-700: #8b4d04;
51+
--warning-800: #683d08;
52+
--warning-900: #4d2f0b;
53+
--info-100: #e9f4fa;
54+
--info-200: #bce6fc;
55+
--info-300: #8ed4f8;
56+
--info-400: #52baed;
57+
--info-500: #229ad6;
58+
--info-600: #0c7bb3;
59+
--info-700: #066291;
60+
--info-800: #074d71;
61+
--info-900: #0a3953;
62+
--accent1-100: #f7f1fb;
63+
--accent1-200: #ead9fb;
64+
--accent1-300: #dbbdf9;
65+
--accent1-400: #c79bf2;
66+
--accent1-500: #af74e8;
67+
--accent1-600: #9756d6;
68+
--accent1-700: #7d3cbe;
69+
--accent1-800: #642b9e;
70+
--accent1-900: #361b52;
71+
--accent2-100: #fbf0f4;
72+
--accent2-200: #fbd4e6;
73+
--accent2-300: #fbb4d2;
74+
--accent2-400: #f68bb7;
75+
--accent2-500: #ed5393;
76+
--accent2-600: #d6246e;
77+
--accent2-700: #b01356;
78+
--accent2-800: #8b1245;
79+
--accent2-900: #411526;
80+
--pulse-100: #0000330f;
81+
--pulse-200: #00002d17;
82+
--pulse-300: #ddeaf814;
83+
--pulse-400: #d3edf81d;
84+
--white: #fff;
85+
--transparent: 'transparent';
86+
--shadow: #101828;
87+
--inherit: 'inherit';
88+
--shadow-xs: 0px 1px 2px 0px theme(colors.shadow / 5%);
89+
--shadow-lg: 0px 4px 6px -2px theme(colors.shadow / 3%),
90+
0px 12px 16px -4px theme(colors.shadow / 8%);
91+
--font-open-sans: var(--font-open-sans);
92+
--ibm-plex-mono: var(--font-ibm-plex-mono);
93+
--font-weight-regular: '400';
94+
--font-weight-medium: '500';
95+
--font-weight-semibold: '600';
96+
--font-weight-bold: '700';
97+
--font-xs: 0.75rem;
98+
--font-xs-line-height: 1rem;
99+
--font-sm: 0.87rem;
100+
--font-sm-line-height: 1.25rem;
101+
--font-base: 1rem;
102+
--font-base-line-height: 1.5rem;
103+
--font-lg: 1.125rem;
104+
--font-lg-line-height: 1.75rem;
105+
--font-xl: 1.25rem;
106+
--font-xl-line-height: 1.875rem;
107+
--font-2xl: 1.5rem;
108+
--font-2xl-line-height: 2rem;
109+
--font-3xl: 1.875rem;
110+
--font-3xl-line-height: 2.25rem;
111+
--font-4xl: 2.25rem;
112+
--font-4xl-line-height: 2.5rem;
113+
--font-5xl: 3rem;
114+
--font-5xl-line-height: 3rem;
115+
--font-6xl: 3.75rem;
116+
--font-6xl-line-height: 3.75rem;
117+
--font-7xl: 4.5rem;
118+
--font-7xl-line-height: 4.5rem;
119+
--breakpoint-xs: 670px;
120+
--animate-surf: surf 1s infinite ease-in-out;
121+
--animate-pulse: pulse 500ms infinite alternate-reverse;
122+
--animate-pulse-dark: pulse-dark 500ms infinite alternate-reverse;
123+
124+
@keyframes surf {
125+
0% {
126+
transform: translate(0, 0);
127+
}
128+
129+
25% {
130+
transform: translate(0, 6px);
131+
}
132+
133+
50% {
134+
transform: translate(0, -6px);
135+
}
136+
137+
75% {
138+
transform: translate(0, 3px);
139+
}
140+
141+
100% {
142+
transform: translate(0, 0);
143+
}
144+
}
145+
146+
@keyframes pulse {
147+
from {
148+
background: theme(colors.pulse.100);
149+
}
150+
151+
to {
152+
background: theme('colors.pulse.200');
153+
}
154+
}
155+
156+
@keyframes pulse-dark {
157+
from {
158+
background: theme(colors.pulse.300);
159+
}
160+
161+
to {
162+
background: theme(colors.pulse.400);
163+
}
164+
}
165+
}

0 commit comments

Comments
 (0)