Shellnut_Public/personal-website-sveltekit
1
0
Fork 0
mirror of https://github.com/BradNut/personal-website-sveltekit synced 2025-09-08 23:20:18 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #7 from BradNut/update-postcss

Browse source 
Update postcss
This commit is contained in:
Bradley Shellnut 2023-07-02 18:38:39 -07:00 committed by GitHub
commit 343a11e99e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
13 changed files with 679 additions and 559 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
package.json
View file

@ -11,51 +11,50 @@
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch", "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
"test:unit": "vitest", "test:unit": "vitest",
"lint": "prettier --plugin-search-dir . --check . && eslint .", "lint": "prettier --plugin-search-dir . --check . && eslint .",
"format": "prettier --plugin-search-dir . --write ." "format": "prettier --plugin-search-dir . --write .",
"site:update": "pnpm update -i -L"
}, },
"devDependencies": { "devDependencies": {
"@iconify-icons/material-symbols": "^1.2.39", "@iconify-icons/material-symbols": "^1.2.48",
"@iconify-icons/mdi": "^1.2.44", "@iconify-icons/mdi": "^1.2.46",
"@iconify-icons/radix-icons": "^1.2.8", "@iconify-icons/radix-icons": "^1.2.8",
"@iconify-icons/simple-icons": "^1.2.50", "@iconify-icons/simple-icons": "^1.2.57",
"@leveluptuts/svelte-side-menu": "^1.0.5", "@leveluptuts/svelte-side-menu": "^1.0.5",
"@leveluptuts/svelte-toy": "^2.0.3", "@leveluptuts/svelte-toy": "^2.0.3",
"@playwright/test": "^1.33.0", "@playwright/test": "^1.35.1",
"@rgossiaux/svelte-headlessui": "^1.0.2", "@rgossiaux/svelte-headlessui": "^1.0.2",
"@sveltejs/adapter-auto": "^1.0.3", "@sveltejs/adapter-auto": "^1.0.3",
"@sveltejs/adapter-static": "^2.0.2", "@sveltejs/adapter-static": "^2.0.2",
"@sveltejs/adapter-vercel": "^1.0.6", "@sveltejs/adapter-vercel": "^1.0.6",
"@sveltejs/kit": "^1.15.9", "@sveltejs/kit": "^1.21.0",
"@types/postcss-preset-env": "^8.0.0", "@typescript-eslint/eslint-plugin": "^5.60.1",
"@typescript-eslint/eslint-plugin": "^5.59.1", "@typescript-eslint/parser": "^5.60.1",
"@typescript-eslint/parser": "^5.59.1", "@zerodevx/svelte-img": "^1.2.11",
"@zerodevx/svelte-img": "^1.2.10",
"autoprefixer": "^10.4.14", "autoprefixer": "^10.4.14",
"eslint": "^8.39.0", "eslint": "^8.44.0",
"eslint-config-prettier": "^8.8.0", "eslint-config-prettier": "^8.8.0",
"eslint-plugin-svelte3": "^4.0.0", "eslint-plugin-svelte3": "^4.0.0",
"iconify-icon": "^1.0.7", "iconify-icon": "^1.0.8",
"just-intersect": "^4.3.0", "just-intersect": "^4.3.0",
"mdsvex": "^0.10.6", "mdsvex": "^0.10.6",
"mdsvex-relative-images": "^1.0.3", "mdsvex-relative-images": "^1.0.3",
"postcss": "^8.4.23", "postcss": "^8.4.24",
"postcss-import": "^15.1.0", "postcss-import": "^15.1.0",
"postcss-load-config": "^4.0.1", "postcss-load-config": "^4.0.1",
"postcss-nested": "^6.0.1", "postcss-preset-env": "^8.5.1",
"postcss-preset-env": "^8.3.2",
"prettier": "^2.8.8", "prettier": "^2.8.8",
"prettier-plugin-svelte": "^2.10.0", "prettier-plugin-svelte": "^2.10.1",
"sass": "^1.62.1", "sass": "^1.63.6",
"scrape-it": "^5.3.2", "scrape-it": "^5.3.2",
"sharp": "^0.31.3", "sharp": "^0.31.3",
"svelte": "^3.58.0", "svelte": "^3.59.2",
"svelte-check": "^3.2.0", "svelte-check": "^3.4.4",
"svelte-lazy-loader": "^1.0.0", "svelte-lazy-loader": "^1.0.0",
"svelte-preprocess": "^4.10.7", "svelte-preprocess": "^4.10.7",
"tslib": "^2.5.0", "tslib": "^2.6.0",
"typescript": "^4.9.5", "typescript": "^4.9.5",
"vanilla-lazyload": "^17.8.3", "vanilla-lazyload": "^17.8.3",
"vite": "^4.3.3", "vite": "^4.3.9",
"vite-imagetools": "^4.0.19", "vite-imagetools": "^4.0.19",
"vitest": "^0.25.3" "vitest": "^0.25.3"
}, },

1131
pnpm-lock.yaml
View file

File diff suppressed because it is too large Load diff

15
postcss.config.cjs
View file

@ -1,9 +1,18 @@
const autoprefixer = require('autoprefixer'); const postcssPresetEnv = require('postcss-preset-env');
const atImport = require('postcss-import'); const atImport = require('postcss-import');
const postcssNested = require('postcss-nested');
const config = { const config = {
plugins: [autoprefixer(), atImport(), postcssNested] plugins: [
atImport(),
postcssPresetEnv({
stage: 2,
features: {
'nesting-rules': true,
'custom-media-queries': true,
'media-query-ranges': true
}
})
]
}; };
module.exports = config; module.exports = config;

15
src/lib/components/articles/index.svelte
View file

@ -58,11 +58,11 @@
gap: 0.5rem; gap: 0.5rem;
margin: 1.5rem 0; margin: 1.5rem 0;
a { & a {
overflow-wrap: anywhere; overflow-wrap: anywhere;
} }
p { & p {
margin: 0.4rem 0.25rem; margin: 0.4rem 0.25rem;
} }
} }
@ -74,7 +74,7 @@
justify-content: left; justify-content: left;
align-items: center; align-items: center;
p + p { & p + p {
background-color: var(--linkHover); background-color: var(--linkHover);
color: var(--buttonTextColor); color: var(--buttonTextColor);
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
@ -92,11 +92,12 @@
align-items: center; align-items: center;
gap: 1rem; gap: 1rem;
a { & a {
font-size: 2rem; font-size: 2rem;
svg { }
text-decoration: none;
} & a + svg {
text-decoration: none;
} }
@media (max-width: 1000px) { @media (max-width: 1000px) {

2
src/lib/components/bandcamp/index.svelte
View file

@ -103,7 +103,7 @@
justify-content: center; justify-content: center;
text-align: center; text-align: center;
figure { & figure {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }

8
src/lib/components/logo/index.svelte
View file

@ -31,7 +31,7 @@
font-size: 2rem; font-size: 2rem;
--scale: 0; --scale: 0;
p::after { & p::after {
content: ''; content: '';
position: absolute; position: absolute;
width: 100%; width: 100%;
@ -43,7 +43,7 @@
transform: scale(var(--scale)); transform: scale(var(--scale));
} }
a { & a {
display: grid; display: grid;
justify-items: center; justify-items: center;
text-decoration: none; text-decoration: none;
@ -57,7 +57,7 @@
--scale: 1; --scale: 1;
} }
p { & p {
position: relative; position: relative;
font-size: 0.5em; font-size: 0.5em;
/* padding-top: 0.3rem; */ /* padding-top: 0.3rem; */
@ -70,7 +70,7 @@
} }
} }
img { & img {
width: 3rem; width: 3rem;
} }
} }

2
src/lib/components/nav/index.svelte
View file

@ -40,7 +40,7 @@
margin: 0.5rem; margin: 0.5rem;
padding: 2rem; padding: 2rem;
a + a { & a + a {
margin-left: 25px; margin-left: 25px;
} }
} }

2
src/routes/+layout.svelte
View file

@ -51,7 +51,7 @@
place-items: center; place-items: center;
gap: 1rem; gap: 1rem;
h3 { & h3 {
color: white; color: white;
} }
} }

8
src/routes/about/+page.svelte
View file

@ -300,7 +300,7 @@
display: grid; display: grid;
grid-gap: 2.5rem; grid-gap: 2.5rem;
p { & p {
margin: 1rem; margin: 1rem;
/* padding: 0.2rem; */ /* padding: 0.2rem; */
} }
@ -315,7 +315,7 @@
margin-top: 1rem; margin-top: 1rem;
font-size: 2rem; font-size: 2rem;
a { & a {
display: grid; display: grid;
justify-items: center; justify-items: center;
@ -327,7 +327,7 @@
margin-left: 1rem; margin-left: 1rem;
color: var(--lightGrey); color: var(--lightGrey);
p { & p {
font-size: 1.5rem; font-size: 1.5rem;
padding-top: 0.3rem; padding-top: 0.3rem;
margin: 0; margin: 0;
@ -335,7 +335,7 @@
&:hover { &:hover {
color: var(--shellYellow); color: var(--shellYellow);
p { & p {
color: var(--shellYellow); color: var(--shellYellow);
} }
} }

4
src/routes/articles/[page]/+page.svelte
View file

@ -96,7 +96,7 @@
display: grid; display: grid;
grid-template-rows: 1fr auto; grid-template-rows: 1fr auto;
align-items: start; align-items: start;
a { & a {
cursor: pointer; cursor: pointer;
} }
@ -112,7 +112,7 @@
justify-content: left; justify-content: left;
align-items: center; align-items: center;
p + p { & p + p {
background-color: var(--linkHover); background-color: var(--linkHover);
color: var(--buttonTextColor); color: var(--buttonTextColor);
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;

4
src/routes/portfolio/+page.svelte
View file

@ -104,13 +104,13 @@
} }
:global(.tab-unselected) { :global(.tab-unselected) {
h2 { & h2 {
border-bottom: 2px solid var(--white); border-bottom: 2px solid var(--white);
} }
} }
:global(.tab-selected) { :global(.tab-selected) {
h2 { & h2 {
border-bottom: 2px solid var(--shellYellow); border-bottom: 2px solid var(--shellYellow);
} }
} }

2
src/routes/privacy/+page.svelte
View file

@ -28,7 +28,7 @@ import SEO from "$root/lib/components/SEO.svelte";
</p> </p>
<ul> <ul>
<li> <li>
<ExternalLink ariaLabel="Privacy Respecting Software" href="https://github.com/Lissy93/personal-security-checklist/blob/master/5_Privacy_Respecting_Software.md" showIcon>Privacy Respecting Software</ExternalLink> <ExternalLink ariaLabel="Awesome Privacy" href="https://github.com/Lissy93/awesome-privacy" showIcon>Privacy Respecting Software List</ExternalLink>
</li> </li>
<li> <li>
<ExternalLink ariaLabel="Privacy Guides" href="https://www.privacyguides.org/" showIcon>Privacy Guides</ExternalLink> <ExternalLink ariaLabel="Privacy Guides" href="https://www.privacyguides.org/" showIcon>Privacy Guides</ExternalLink>

4
src/styles/global.pcss
View file

@ -197,7 +197,7 @@ hr {
} }
nav { nav {
a::after { & a::after {
content: ''; content: '';
position: absolute; position: absolute;
width: 100%; width: 100%;
@ -209,7 +209,7 @@ nav {
transform: scale(0); transform: scale(0);
} }
a { & a {
position: relative; position: relative;
font-size: 2rem; font-size: 2rem;
text-decoration: none; text-decoration: none;