mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-26 04:45:22 -04:00
bump some deps
This commit is contained in:
parent
5c926356d3
commit
1813de3f0a
@ -27,7 +27,7 @@ I've written a simple implementation below, which...
|
||||
- Remembers the visitor's preference between visits using the [local storage](https://www.w3schools.com/html/html5_webstorage.asp) of the their browser (not cookies, please don't use cookies!)
|
||||
- Switches your `<body>`'s class between `light` and `dark`...
|
||||
|
||||
...meaning that any CSS selectors beginning with `body.dark` or `body.light` will only apply when the respective mode is active. A good place to start is by separating any color rules — your background, text, links, etc. — into a different section of your CSS. Using [SASS or SCSS](https://sass-lang.com/) makes this a whole lot [easier with nesting](https://sass-lang.com/guide#topic-3) but is not required; this was written with a [KISS](https://getyarn.io/yarn-clip/embed/eed08f4f-d1c9-4cc0-b041-f280a5dbf0a5?autoplay=false) mentality.
|
||||
...meaning that any CSS selectors beginning with `body.dark` or `body.light` will only apply when the respective mode is active. A good place to start is by separating any color rules — your background, text, links, etc. — into a different section of your CSS. Using [SASS or SCSS](https://sass-lang.com/) makes this a whole lot [easier with nesting](https://sass-lang.com/guide#topic-3) but is not required; this was written with a [KISS](https://www.youtube-nocookie.com/embed/O58A7MJfOwU?hl=en&fs=1&showinfo=1&rel=0&iv_load_policy=3) mentality.
|
||||
|
||||
<IFrame
|
||||
src="https://jakejarvis.github.io/dark-mode-example/"
|
||||
|
22
package.json
22
package.json
@ -34,12 +34,12 @@
|
||||
"fathom-client": "^3.6.0",
|
||||
"feed": "^4.2.2",
|
||||
"formik": "^2.4.5",
|
||||
"geist": "^1.2.2",
|
||||
"geist": "^1.3.0",
|
||||
"gray-matter": "^4.0.3",
|
||||
"next": "14.1.3",
|
||||
"next-mdx-remote": "^4.4.1",
|
||||
"next-seo": "^6.5.0",
|
||||
"nodemailer": "^6.9.12",
|
||||
"nodemailer": "^6.9.13",
|
||||
"obj-str": "^1.1.0",
|
||||
"p-map": "^7.0.1",
|
||||
"p-memoize": "^7.1.1",
|
||||
@ -76,16 +76,16 @@
|
||||
"devDependencies": {
|
||||
"@jakejarvis/eslint-config": "^3.1.0",
|
||||
"@types/comma-number": "^2.1.2",
|
||||
"@types/node": "^20.11.26",
|
||||
"@types/node": "^20.12.2",
|
||||
"@types/nodemailer": "^6.4.14",
|
||||
"@types/novnc__novnc": "^1.3.4",
|
||||
"@types/prop-types": "^15.7.11",
|
||||
"@types/react": "^18.2.65",
|
||||
"@types/react-dom": "^18.2.21",
|
||||
"@types/prop-types": "^15.7.12",
|
||||
"@types/react": "^18.2.73",
|
||||
"@types/react-dom": "^18.2.23",
|
||||
"@types/react-is": "^18.2.4",
|
||||
"@types/strip-comments": "^2.0.4",
|
||||
"@typescript-eslint/eslint-plugin": "^7.2.0",
|
||||
"@typescript-eslint/parser": "^7.2.0",
|
||||
"@typescript-eslint/eslint-plugin": "^7.4.0",
|
||||
"@typescript-eslint/parser": "^7.4.0",
|
||||
"cross-env": "^7.0.3",
|
||||
"eslint": "~8.57.0",
|
||||
"eslint-config-next": "14.1.3",
|
||||
@ -95,11 +95,11 @@
|
||||
"lint-staged": "^15.2.2",
|
||||
"prettier": "^3.2.5",
|
||||
"prisma": "^5.11.0",
|
||||
"simple-git-hooks": "^2.10.0",
|
||||
"typescript": "^5.4.2"
|
||||
"simple-git-hooks": "^2.11.1",
|
||||
"typescript": "^5.4.3"
|
||||
},
|
||||
"optionalDependencies": {
|
||||
"sharp": "^0.33.2"
|
||||
"sharp": "^0.33.3"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=20.x"
|
||||
|
1172
pnpm-lock.yaml
generated
1172
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user