feat: add --side-drawer-offset custom property to be able to offset t…

…he drawer

README.md

@@ -107,6 +107,7 @@ You can customize styling with the following CSS variables:
 | `--side-drawer-backdrop-filter`    | `none`                     | The backdrop-filter for both the drawer and the overlay that appears to the right of the drawer (when it's open) |
 | `--side-drawer-overlay-transition` | `opacity linear 0.25s`     | The transition for the overlay that appears to the right of the drawer (when it's open)                          |
 | `--side-drawer-overlay-opacity`    | `0.7`                      | The opacity of the overlay                                                                                       |
+| `--side-drawer-offset`             | `0`                        | Offset for the underlying `<dialog>` from left (by default) or right (if `<side-drawer right>`)                  |
 
 ## Contribute
 

side-drawer.js

@@ -21,7 +21,7 @@ dialog {
   position: fixed;
   top: 0;
   bottom: 0;
-  left: 0;
+  left: var(--side-drawer-offset, 0);
   height: 100%;
 
   transform: translateX(-100%);
@@ -34,7 +34,7 @@ dialog {
 
 :host([right]) dialog {
   left: unset;
-  right: 0;
+  right: var(--side-drawer-offset, 0);
   transform: translateX(100%);
 }