Last updated 3 years ago
Was this helpful?
โฉ โฉ โฉ
// 0.0.8 + vcenter.mjs /** * VCenter * ---------------- * tag: <vcenter-> */ export default class VCenter extends HTMLElement {} // โญ๏ธ register <vcenter-> customElements.get('vcenter-') || customElements.define('vcenter-', VCenter);
/* 0.0.8 + vcenter, hcenter */ /* <vcenter> */ vcenter- { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; }
// 0.0.8 + HCenter.mjs /** * HCenter * ---------------- * tag: <hcenter-> */ export default class HCenter extends HTMLElement {} // โญ๏ธ register <hcenter-> customElements.get('hcenter-') || customElements.define('hcenter-', HCenter);
/* 0.0.8 + hcenter */ /* <hcenter> */ hcenter- { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
codepen โฉ
replit โฉ