diff --git a/package.json b/package.json index 6c634aa..1805027 100644 --- a/package.json +++ b/package.json @@ -9,7 +9,7 @@ "devDependencies": { "@fontsource/fira-mono": "^4.5.10", "@neoconfetti/svelte": "^1.0.0", - "@picocss/pico": "^1.5.10", + "@picocss/pico": "^2.0.6", "@sveltejs/adapter-auto": "^2.0.0", "@sveltejs/adapter-node": "^1.2.4", "@sveltejs/adapter-static": "^2.0.3", diff --git a/src/app.html b/src/app.html index db570fc..0dcd75c 100644 --- a/src/app.html +++ b/src/app.html @@ -6,6 +6,17 @@ %sveltekit.head% +
%sveltekit.body%
diff --git a/src/app.scss b/src/app.scss index 5518e86..c14cb0c 100644 --- a/src/app.scss +++ b/src/app.scss @@ -1,4 +1,7 @@ -@import "@picocss/pico/scss/pico"; /* To import only what you need from Pico [check the documentaion](https://picocss.com/docs/customization.html) */ +// @import "@picocss/pico/scss/pico"; /* To import only what you need from Pico [check the documentaion](https://picocss.com/docs/customization.html) */ +@use "@picocss/pico/scss/pico" with ( + $theme-color: "green" +); @import url('/assets/fonts/fonts.css'); /* @import url('https://cdn.jsdelivr.net/npm/@mdi/font@5.8.55/css/materialdesignicons.min.css'); */ @@ -56,4 +59,4 @@ p, li { article { border-radius: 10px; box-shadow: 0px 0px 15px rgba(32, 32, 32, 0.2); -} \ No newline at end of file +} diff --git a/src/lib/modules/ModCard.svelte b/src/lib/modules/ModCards.svelte similarity index 62% rename from src/lib/modules/ModCard.svelte rename to src/lib/modules/ModCards.svelte index e7d31bc..1888744 100644 --- a/src/lib/modules/ModCard.svelte +++ b/src/lib/modules/ModCards.svelte @@ -31,7 +31,7 @@ } -
+