From f63659fcd66ff021f897794c749b714e15cfbc9a Mon Sep 17 00:00:00 2001
From: pk <pk@codeblob.work>
Date: Wed, 17 Jun 2026 21:33:14 +0200
Subject: [PATCH] Add css vars

---
 package.json          | 2 +-
 tp-responsive-menu.js | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 6324775..3af2717 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tp/tp-responsive-menu",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "",
   "main": "tp-responsive-menu.js",
   "scripts": {
diff --git a/tp-responsive-menu.js b/tp-responsive-menu.js
index 98923a3..96d4c19 100644
--- a/tp-responsive-menu.js
+++ b/tp-responsive-menu.js
@@ -35,6 +35,8 @@ class TpResponsiveMenu extends LitElement {
           top: 0;
           left: 0;
           bottom: 0;
+          width: var(--tp-responsive-menu-width, min(360px, 85vw));
+          max-width: var(--tp-responsive-menu-max-width, 100vw);
           transform: translateX(-100%);
           transition: transform 300ms ease-in-out;
         }