Initial commit: New MoreminiMore website with fresh design
This commit is contained in:
38
node_modules/astro/dist/assets/utils/generateImageStylesCSS.js
generated
vendored
Normal file
38
node_modules/astro/dist/assets/utils/generateImageStylesCSS.js
generated
vendored
Normal file
@@ -0,0 +1,38 @@
|
||||
import { cssFitValues } from "../internal.js";
|
||||
function generateImageStylesCSS(defaultObjectFit, defaultObjectPosition) {
|
||||
const fitStyles = cssFitValues.map(
|
||||
(fit) => `
|
||||
[data-astro-image-fit="${fit}"] {
|
||||
object-fit: ${fit};
|
||||
}`
|
||||
).join("\n");
|
||||
const defaultFitStyle = defaultObjectFit && cssFitValues.includes(defaultObjectFit) ? `
|
||||
:where([data-astro-image]:not([data-astro-image-fit])) {
|
||||
object-fit: ${defaultObjectFit};
|
||||
}` : "";
|
||||
const positionStyle = defaultObjectPosition ? `
|
||||
[data-astro-image-pos="${defaultObjectPosition.replace(/\s+/g, "-")}"] {
|
||||
object-position: ${defaultObjectPosition};
|
||||
}
|
||||
|
||||
:where([data-astro-image]:not([data-astro-image-pos])) {
|
||||
object-position: ${defaultObjectPosition};
|
||||
}` : "";
|
||||
return `
|
||||
:where([data-astro-image]) {
|
||||
height: auto;
|
||||
}
|
||||
:where([data-astro-image="full-width"]) {
|
||||
width: 100%;
|
||||
}
|
||||
:where([data-astro-image="constrained"]) {
|
||||
max-width: 100%;
|
||||
}
|
||||
${fitStyles}
|
||||
${defaultFitStyle}
|
||||
${positionStyle}
|
||||
`.trim();
|
||||
}
|
||||
export {
|
||||
generateImageStylesCSS
|
||||
};
|
||||
Reference in New Issue
Block a user