Merge pull request #7 from BradNut/update-postcss

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

View file

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

File diff suppressed because it is too large Load diff

View file

@ -1,9 +1,18 @@
const autoprefixer = require('autoprefixer');
const postcssPresetEnv = require('postcss-preset-env');
const atImport = require('postcss-import');
const postcssNested = require('postcss-nested');
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;

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -28,7 +28,7 @@ import SEO from "$root/lib/components/SEO.svelte";
</p>
<ul>
<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>
<ExternalLink ariaLabel="Privacy Guides" href="https://www.privacyguides.org/" showIcon>Privacy Guides</ExternalLink>

View file

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