Merge pull request 'Implemented Postcss' (#21) from dev into main
All checks were successful
All checks were successful
Reviewed-on: #21
This commit is contained in:
commit
be896ca00c
6 changed files with 2329 additions and 13 deletions
2315
package-lock.json
generated
2315
package-lock.json
generated
File diff suppressed because it is too large
Load diff
10
package.json
10
package.json
|
@ -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
13
postcss.config.cjs
Normal 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
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
|
@ -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'
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue