From e7447436a65d469b5ecf9127967e47e77644e1a5 Mon Sep 17 00:00:00 2001 From: MiguelMLorente Date: Fri, 15 Nov 2024 16:07:30 +0100 Subject: [PATCH] Include basic styles using pico-css library --- web/package-lock.json | 10 ++++++++++ web/package.json | 1 + web/src/App.scss | 15 +++------------ 3 files changed, 14 insertions(+), 12 deletions(-) diff --git a/web/package-lock.json b/web/package-lock.json index 1495afd..4d7684b 100644 --- a/web/package-lock.json +++ b/web/package-lock.json @@ -8,6 +8,7 @@ "name": "web", "version": "0.1.0", "dependencies": { + "@picocss/pico": "^2.0.6", "@testing-library/jest-dom": "^5.17.0", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", @@ -3362,6 +3363,15 @@ "url": "https://opencollective.com/parcel" } }, + "node_modules/@picocss/pico": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/@picocss/pico/-/pico-2.0.6.tgz", + "integrity": "sha512-/d8qsykowelD6g8k8JYgmCagOIulCPHMEc2NC4u7OjmpQLmtSetLhEbt0j1n3fPNJVcrT84dRp0RfJBn3wJROA==", + "license": "MIT", + "engines": { + "node": ">=18.19.0" + } + }, "node_modules/@pkgjs/parseargs": { "version": "0.11.0", "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", diff --git a/web/package.json b/web/package.json index 88d3e84..8a1e01c 100644 --- a/web/package.json +++ b/web/package.json @@ -3,6 +3,7 @@ "version": "0.1.0", "private": true, "dependencies": { + "@picocss/pico": "^2.0.6", "@testing-library/jest-dom": "^5.17.0", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", diff --git a/web/src/App.scss b/web/src/App.scss index 9cfaed5..56dbdc3 100644 --- a/web/src/App.scss +++ b/web/src/App.scss @@ -1,12 +1,3 @@ -body { - font-size: 20px; - - header > button { - background-color: aliceblue; - padding: 10px; - margin-bottom: 10px; - border: 1px solid black; - border-radius: 10%; - display: block; - } -} \ No newline at end of file +@use "node_modules/@picocss/pico/scss/pico" with ( + $theme-color: "pumpkin" +); \ No newline at end of file