Merge pull request 'Implemented Postcss' (#21) from dev into main
All checks were successful
/ checking (push) Successful in 20s
/ build-site (push) Successful in 2m9s
/ release (push) Successful in 8s
/ unlighthouse (push) Successful in 32s
/ deploy-unlighthouse-files (push) Successful in 9s
/ deploy-unlighthouse-site (push) Successful in 6s

Reviewed-on: #21
This commit is contained in:
Firq 2023-12-29 23:30:52 +00:00
commit be896ca00c
6 changed files with 2329 additions and 13 deletions

2315
package-lock.json generated

File diff suppressed because it is too large Load diff

View file

@ -1,7 +1,7 @@
{ {
"name": "@firq/fgosite", "name": "@firq/fgosite",
"type": "module", "type": "module",
"version": "0.1.18", "version": "0.1.19",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "astro dev", "dev": "astro dev",
@ -16,7 +16,13 @@
"@astrojs/mdx": "^2.0.3", "@astrojs/mdx": "^2.0.3",
"@astrojs/sitemap": "^3.0.3", "@astrojs/sitemap": "^3.0.3",
"astro": "^4.0.7", "astro": "^4.0.7",
"autoprefixer": "^10.4.16",
"iconoir": "^7.2.0", "iconoir": "^7.2.0",
"postcss-preset-env": "^9.3.0",
"typescript": "^5.3.3" "typescript": "^5.3.3"
} },
"browserslist": [
"last 2 versions",
">0.5% and not dead"
]
} }

13
postcss.config.cjs Normal file
View file

@ -0,0 +1,13 @@
module.exports = {
plugins: {
"postcss-preset-env": {
autoprefixer: { flexbox: "no-2009" },
stage: 2,
features: {
"custom-properties": false,
"custom-media-queries": true,
"nesting-rules": true
}
}
}
};

View file

@ -12,7 +12,7 @@ export interface Props {
const { mlb, imageFile, name } = Astro.props const { mlb, imageFile, name } = Astro.props
const imagePath = `/src/assets/ce/${imageFile}` const imagePath = `/src/assets/ce/${imageFile}`
const images_ces = import.meta.glob<{ default: ImageMetadata }>( const images_ces = import.meta.glob<{ default: ImageMetadata }>(
'/src/assets/ce/*.{png,webp}' '/src/assets/ce/*.png'
) )
let mlb_image: string = 'mlbalign' let mlb_image: string = 'mlbalign'

View file

@ -107,7 +107,6 @@ const hamburger_src_url = `url("${hamburger.src}")`;
.hamburger-menu { .hamburger-menu {
mask: var(--hamburger_src_url) no-repeat center; mask: var(--hamburger_src_url) no-repeat center;
-webkit-mask: var(--hamburger_src_url) no-repeat center;
background-color: white; background-color: white;
width: 2em; width: 2em;
height: 2em; height: 2em;

View file

@ -73,7 +73,6 @@ const fulllink = `/${slug}`
.icon { .icon {
mask: var(--icon_src_url) no-repeat center; mask: var(--icon_src_url) no-repeat center;
-webkit-mask: var(--icon_src_url) no-repeat center;
background-color: white; background-color: white;
width: 1.4em; width: 1.4em;
height: 1.4em; height: 1.4em;