Created some base components

2026-02-13 16:20:24 +01:00
parent 0f043bda61
commit 8a8aecf557
17 changed files with 846 additions and 440 deletions
@@ -0,0 +1,31 @@
+import { LitElement, html, css } from 'lit';
+import { customElement } from 'lit/decorators.js';
+
+@customElement('card-backdrop')
+export class CardBackdrop extends LitElement {
+  static styles = css`
+    :host {
+      flex: 1;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      background:
+        radial-gradient(
+          ellipse at 30% 20%,
+          color-mix(in srgb, var(--color-accent) 15%, transparent) 0%,
+          transparent 50%
+        ),
+        radial-gradient(
+          ellipse at 70% 80%,
+          color-mix(in srgb, var(--color-accent) 10%, transparent) 0%,
+          transparent 50%
+        ),
+        var(--color-bg);
+      padding: 1.5rem;
+    }
+  `;
+
+  render() {
+    return html`<slot></slot>`;
+  }
+}