motion-plus-vue

Version:
Motion Plus Vue
22 lines (21 loc) • 965 B
JavaScript
import { addScaleCorrector as n } from "motion-v";
const t = "var(--mask-height, 0.15em)", o = "var(--mask-width, 0.5em)", a = `calc(${o} / var(--invert-x, 1))`, r = "#000 0, transparent 71%", s = `linear-gradient(to right, transparent 0, #000 ${a}, #000 calc(100% - ${a}), transparent),linear-gradient(to bottom, transparent 0, #000 ${t}, #000 calc(100% - ${t}), transparent 100%),radial-gradient(at bottom right, ${r}),radial-gradient(at bottom left, ${r}), radial-gradient(at top left, ${r}), radial-gradient(at top right, ${r})`, d = `100% calc(100% - ${t} * 2),calc(100% - ${a} * 2) 100%,${a} ${t},${a} ${t},${a} ${t},${a} ${t}`;
n({
  "--invert-x": {
    correct: (c, { treeScale: e, projectionDelta: i }) => i.x.scale * e.x
  }
});
const $ = {
  display: "flex",
  flexDirection: "column",
  alignItems: "center",
  position: "absolute",
  width: "100%"
};
export {
  $ as digitFillStyle,
  s as mask,
  t as maskHeight,
  d as maskSize,
  o as maskWidth
};