Skip to content

Commit 7c82711

Browse files
build(deps-dev): bump tailwindcss from 3.4.17 to 4.0.0 (#251)
Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: baseplate-admin <61817579+baseplate-admin@users.noreply.github.com>
1 parent 9e6b76d commit 7c82711

File tree

8 files changed

+623
-1373
lines changed

8 files changed

+623
-1373
lines changed

package-lock.json

Lines changed: 536 additions & 1318 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -16,11 +16,11 @@
1616
"@sveltejs/kit": "^2.16.1",
1717
"@sveltejs/vite-plugin-svelte": "^5.0.3",
1818
"@tailwindcss/forms": "^0.5.10",
19+
"@tailwindcss/postcss": "^4.0.0",
1920
"@tailwindcss/typography": "^0.5.16",
2021
"@types/prismjs": "^1.26.5",
2122
"@types/uuid": "^10.0.0",
22-
"autoprefixer": "^10.4.20",
23-
"daisyui": "^4.12.23",
23+
"daisyui": "^5.0.0-beta.2",
2424
"highlight.js": "^11.11.1",
2525
"postcss": "^8.5.1",
2626
"prettier": "^3.4.2",
@@ -29,8 +29,8 @@
2929
"sass": "^1.83.4",
3030
"svelte": "^5.19.5",
3131
"svelte-check": "^4.1.4",
32-
"tailwind-scrollbar": "^3.1.0",
33-
"tailwindcss": "^3.4.17",
32+
"tailwind-scrollbar": "^4.0.0-beta.0",
33+
"tailwindcss": "^4.0.0",
3434
"terser": "^5.37.0",
3535
"typescript": "^5.7.3",
3636
"uuid": "^11.0.5",

postcss.config.js

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
export default {
22
plugins: {
3-
tailwindcss: {},
4-
autoprefixer: {}
3+
'@tailwindcss/postcss': {},
54
}
65
};

src/global.css

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
/* Highlight.js */
2+
@import "highlight.js/styles/github-dark.css";
3+
4+
/* Tailwind */
5+
@import "tailwindcss";
6+
7+
@theme{
8+
--font-sans:"Kokoro","sans-serif";
9+
--font-mono:"Jetbrains Mono";
10+
}
11+
12+
@plugin "@tailwindcss/typography";
13+
@plugin "@tailwindcss/forms";
14+
@plugin "tailwind-scrollbar";
15+
16+
17+
/* Daisyui */
18+
@plugin "daisyui";
19+
@plugin "daisyui/theme" {
20+
name: "kokoro";
21+
default: true;
22+
prefersdark: true;
23+
color-scheme: dark;
24+
--color-base-100: "#070519";
25+
/* --color-base-200: oklch(95% 0.03 240); */
26+
/* --color-base-300: oklch(92% 0.04 240); */
27+
/* --color-base-content: oklch(20% 0.05 240); */
28+
29+
--color-primary: "#7569E1";
30+
/* --color-primary-content: oklch(98% 0.01 240); */
31+
32+
--color-secondary: "#03020C";
33+
/* --color-secondary-content: oklch(98% 0.01 200); */
34+
35+
--color-accent:"#FFF7F8";
36+
/* --color-accent-content: oklch(98% 0.01 160); */
37+
38+
--color-neutral: "#1E2036";
39+
/* --color-neutral-content: oklch(98% 0.01 240); */
40+
41+
--color-info: "#DCD9F7";
42+
/* --color-info-content: oklch(98% 0.01 220); */
43+
44+
--color-success: "#6FCF97";
45+
/* --color-success-content: oklch(98% 0.01 140); */
46+
47+
--color-warning: "#EDD68D";
48+
/* --color-warning-content: oklch(20% 0.05 80); */
49+
50+
--color-error: "#EB5757";
51+
/* --color-error-content: oklch(98% 0.01 30); */
52+
}
53+
54+
html {
55+
@apply bg-black;
56+
}

src/global.scss

Lines changed: 0 additions & 12 deletions
This file was deleted.

src/routes/+layout.svelte

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<script lang="ts">
2-
import "../global.scss";
2+
import "../global.css";
33
import { defineCustomElements } from "@coreproject-moe/icons/loader";
44
let { children } = $props();
55
@@ -8,7 +8,7 @@
88
});
99
</script>
1010

11-
<main class="flex h-dvh w-dvw bg-secondary">
11+
<main class="bg-secondary flex h-dvh w-dvw">
1212
{@render children()}
1313
</main>
1414

src/routes/icons/usage/+page.svelte

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -64,10 +64,10 @@ export default function RootLayout({
6464
</script>
6565

6666
<div
67-
class="prose prose-invert px-5 py-10 prose-headings:mb-2 prose-p:my-2 prose-pre:my-4 prose-pre:rounded-xl prose-pre:bg-neutral/50 md:px-0 md:py-20"
67+
class="prose prose-invert prose-headings:mb-2 prose-p:my-2 prose-pre:my-4 prose-pre:rounded-xl prose-pre:bg-neutral/50 px-5 py-10 md:px-0 md:py-20"
6868
>
6969
<h1 class="text-warning">Usage</h1>
70-
<p class="!mt-8 text-lg text-info">
70+
<p class="text-info !mt-8 text-lg">
7171
Coreicons is a completely open-source icon set crafted for web, iOS, Android, and desktop apps.
7272
Coreicons was made for CoreProject, a streaming platform.
7373
</p>
@@ -79,14 +79,15 @@ export default function RootLayout({
7979
<Highlight language="bash" code="npm install @coreproject-moe/icons" />
8080

8181
Here is how to use it with different frameworks:
82-
<div role="tablist" class="tabs tabs-lifted overflow-x-scroll pt-5">
82+
83+
<div role="tablist" class="tabs tabs-lift overflow-x-scroll pt-5 text-white">
8384
{#each installation_mapping as item, idx}
8485
<input
8586
checked={idx === 0}
8687
type="radio"
8788
name="code_items"
8889
role="tab"
89-
class="tab !w-max bg-transparent !outline-none !ring-0 checked:!bg-neutral/50 checked:!bg-[url('')]"
90+
class="tab checked:!bg-neutral/50 !w-max bg-transparent text-white !ring-0 !outline-none first:ml-0.5 checked:!bg-[url('')]"
9091
aria-label={item.type}
9192
/>
9293
<div

tailwind.config.ts

Lines changed: 19 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -10,22 +10,11 @@ import type { Config } from "tailwindcss";
1010
import forms from "@tailwindcss/forms";
1111
import typography from "@tailwindcss/typography";
1212
import scrollbar from "tailwind-scrollbar";
13-
import daisyui from "daisyui";
1413
import plugin from "tailwindcss/plugin";
1514

1615
export default {
1716
content: ["./src/**/*.{html,js,svelte,ts}"],
18-
theme: {
19-
container: {
20-
center: true
21-
},
22-
extend: {
23-
fontFamily: {
24-
sans: ["Kokoro", "sans-serif"],
25-
mono: ["Jetbrains Mono"]
26-
}
27-
}
28-
},
17+
2918
plugins: [
3019
/**
3120
* '@tailwindcss/forms' is the forms plugin that provides a minimal styling
@@ -35,7 +24,6 @@ export default {
3524
forms,
3625
typography,
3726
scrollbar,
38-
daisyui,
3927
plugin(({ matchUtilities, theme }) => {
4028
matchUtilities(
4129
{
@@ -51,22 +39,22 @@ export default {
5139
}
5240
);
5341
})
54-
],
55-
daisyui: {
56-
themes: [
57-
{
58-
kokoro: {
59-
primary: "#7569E1",
60-
secondary: "#03020C",
61-
accent: "#FFF7F8",
62-
neutral: "#1E2036",
63-
"base-100": "#070519",
64-
info: "#DCD9F7",
65-
success: "#6FCF97",
66-
warning: "#EDD68D",
67-
error: "#EB5757"
68-
}
69-
}
70-
]
71-
}
42+
]
43+
// daisyui: {
44+
// themes: [
45+
// {
46+
// kokoro: {
47+
// primary: "#7569E1",
48+
// secondary: "#03020C",
49+
// accent: "#FFF7F8",
50+
// neutral: "#1E2036",
51+
// "base-100": "#070519",
52+
// info: "#DCD9F7",
53+
// success: "#6FCF97",
54+
// warning: "#EDD68D",
55+
// error: "#EB5757"
56+
// }
57+
// }
58+
// ]
59+
// }
7260
} satisfies Config;

0 commit comments

Comments
 (0)