Clean up popup drawer feed (#902)

assets/base.css

@@ -2323,19 +2323,15 @@ details[open] > .header__icon--menu .icon-hamburger {
 }
 
 .header__submenu.list-menu--disclosure {
-  --shadow-horizontal-offset: var(--popup-drawer-shadow-horizontal-offset);
-  --shadow-vertical-offset: var(--popup-drawer-shadow-vertical-offset);
-  --shadow-blur-radius: var(--popup-drawer-shadow-blur-radius);
-  --shadow-opacity: var(--popup-drawer-shadow-opacity);
   border-radius: var(--popup-drawer-corner-radius);
   border-color: rgba(var(--color-foreground), var(--popup-drawer-border-opacity));
   border-style: solid;
   border-width: var(--popup-drawer-border-width);
   filter: drop-shadow(
-    var(--shadow-horizontal-offset)
-    var(--shadow-vertical-offset)
-    var(--shadow-blur-radius)
-    rgba(var(--color-foreground), var(--shadow-opacity))
+    var(--popup-drawer-shadow-horizontal-offset)
+    var(--popup-drawer-shadow-vertical-offset)
+    var(--popup-drawer-shadow-blur-radius)
+    rgba(var(--color-foreground), var(--popup-drawer-shadow-opacity))
   );
 }
 

assets/component-cart-notification.css

@@ -7,10 +7,6 @@
 }
 
 .cart-notification {
-  --shadow-horizontal-offset: var(--popup-drawer-shadow-horizontal-offset);
-  --shadow-vertical-offset: var(--popup-drawer-shadow-vertical-offset);
-  --shadow-blur-radius: var(--popup-drawer-shadow-blur-radius);
-  --shadow-opacity: var(--popup-drawer-shadow-opacity);
   border-bottom-right-radius: var(--popup-drawer-corner-radius);
   border-bottom-left-radius: var(--popup-drawer-corner-radius);
   background-color: rgb(var(--color-background));
@@ -25,10 +21,10 @@
   width: 100%;
   z-index: -1;
   filter: drop-shadow(
-    var(--shadow-horizontal-offset)
-    var(--shadow-vertical-offset)
-    var(--shadow-blur-radius)
-    rgba(var(--color-foreground), var(--shadow-opacity))
+    var(--popup-drawer-shadow-horizontal-offset)
+    var(--popup-drawer-shadow-vertical-offset)
+    var(--popup-drawer-shadow-blur-radius)
+    rgba(var(--color-foreground), var(--popup-drawer-shadow-opacity))
   );
 }
 

assets/component-facets.css

@@ -211,19 +211,15 @@
 }
 
 .facets__display {
-  --shadow-horizontal-offset: var(--popup-drawer-shadow-horizontal-offset);
-  --shadow-vertical-offset: var(--popup-drawer-shadow-vertical-offset);
-  --shadow-blur-radius: var(--popup-drawer-shadow-blur-radius);
-  --shadow-opacity: var(--popup-drawer-shadow-opacity);
   border-width: var(--popup-drawer-border-width);
   border-style: solid;
   border-color: rgba(var(--color-foreground), var(--popup-drawer-border-opacity));
   border-radius: var(--popup-drawer-corner-radius);
   filter: drop-shadow(
-    var(--shadow-horizontal-offset)
-    var(--shadow-vertical-offset)
-    var(--shadow-blur-radius)
-    rgba(var(--color-foreground), var(--shadow-opacity))
+    var(--popup-drawer-shadow-horizontal-offset)
+    var(--popup-drawer-shadow-vertical-offset)
+    var(--popup-drawer-shadow-blur-radius)
+    rgba(var(--color-foreground), var(--popup-drawer-shadow-opacity))
   );
   background-color: rgb(var(--color-background));
   position: absolute;
@@ -518,10 +514,6 @@ a.active-facets__button.focused .active-facets__button-inner,
 }
 
 .mobile-facets__inner {
-  --shadow-horizontal-offset: var(--popup-drawer-shadow-horizontal-offset);
-  --shadow-vertical-offset: var(--popup-drawer-shadow-vertical-offset);
-  --shadow-blur-radius: var(--popup-drawer-shadow-blur-radius);
-  --shadow-opacity: var(--popup-drawer-shadow-opacity);
   background-color: rgb(var(--color-background));
   width: calc(100% - 5rem);
   margin-left: auto;
@@ -536,10 +528,10 @@ a.active-facets__button.focused .active-facets__button-inner,
   border-style: solid;
   border-width: 0 0 0 var(--popup-drawer-border-width);
   filter: drop-shadow(
-    var(--shadow-horizontal-offset)
-    var(--shadow-vertical-offset)
-    var(--shadow-blur-radius)
-    rgba(var(--color-foreground), var(--shadow-opacity))
+    var(--popup-drawer-shadow-horizontal-offset)
+    var(--popup-drawer-shadow-vertical-offset)
+    var(--popup-drawer-shadow-blur-radius)
+    rgba(var(--color-foreground), var(--popup-drawer-shadow-opacity))
   );
 }
 

assets/component-menu-drawer.css

@@ -29,10 +29,6 @@ menu-drawer > details[open] > summary::before {
 }
 
 .menu-drawer {
-  --shadow-horizontal-offset: var(--popup-drawer-shadow-horizontal-offset);
-  --shadow-vertical-offset: var(--popup-drawer-shadow-vertical-offset);
-  --shadow-blur-radius: var(--popup-drawer-shadow-blur-radius);
-  --shadow-opacity: var(--popup-drawer-shadow-opacity);
   position: absolute;
   transform: translateX(-100%);
   visibility: hidden;
@@ -47,10 +43,10 @@ menu-drawer > details[open] > summary::before {
   border-style: solid;
   border-color: rgba(var(--color-foreground), var(--popup-drawer-border-opacity));
   filter: drop-shadow(
-    var(--shadow-horizontal-offset)
-    var(--shadow-vertical-offset)
-    var(--shadow-blur-radius)
-    rgba(var(--color-foreground), var(--shadow-opacity))
+    var(--popup-drawer-shadow-horizontal-offset)
+    var(--popup-drawer-shadow-vertical-offset)
+    var(--popup-drawer-shadow-blur-radius)
+    rgba(var(--color-foreground), var(--popup-drawer-shadow-opacity))
   );
 }
 

assets/component-pickup-availability.css

@@ -41,10 +41,6 @@ pickup-availability[available] {
 }
 
 pickup-availability-drawer {
-  --shadow-horizontal-offset: var(--popup-drawer-shadow-horizontal-offset);
-  --shadow-vertical-offset: var(--popup-drawer-shadow-vertical-offset);
-  --shadow-blur-radius: var(--popup-drawer-shadow-blur-radius);
-  --shadow-opacity: var(--popup-drawer-shadow-opacity);
   background-color: rgb(var(--color-background));
   height: 100%;
   opacity: 0;
@@ -62,10 +58,10 @@ pickup-availability-drawer {
   border-color: rgba(var(--color-foreground), var(--popup-drawer-border-opacity));
   border-style: solid;
   filter: drop-shadow(
-    var(--shadow-horizontal-offset)
-    var(--shadow-vertical-offset)
-    var(--shadow-blur-radius)
-    rgba(var(--color-foreground), var(--shadow-opacity))
+    var(--popup-drawer-shadow-horizontal-offset)
+    var(--popup-drawer-shadow-vertical-offset)
+    var(--popup-drawer-shadow-blur-radius)
+    rgba(var(--color-foreground), var(--popup-drawer-shadow-opacity))
   );
 }
 

assets/component-predictive-search.css

@@ -1,8 +1,4 @@
 .predictive-search {
-  --shadow-horizontal-offset: var(--popup-drawer-shadow-horizontal-offset);
-  --shadow-vertical-offset: var(--popup-drawer-shadow-vertical-offset);
-  --shadow-blur-radius: var(--popup-drawer-shadow-blur-radius);
-  --shadow-opacity: var(--popup-drawer-shadow-opacity);
   display: none;
   position: absolute;
   top: calc(100% + 0.1rem);
@@ -15,10 +11,10 @@
   border-bottom-right-radius: var(--popup-drawer-corner-radius);
   border-bottom-left-radius: var(--popup-drawer-corner-radius);
   filter: drop-shadow(
-    var(--shadow-horizontal-offset)
-    var(--shadow-vertical-offset)
-    var(--shadow-blur-radius)
-    rgba(var(--color-foreground), var(--shadow-opacity))
+    var(--popup-drawer-shadow-horizontal-offset)
+    var(--popup-drawer-shadow-vertical-offset)
+    var(--popup-drawer-shadow-blur-radius)
+    rgba(var(--color-foreground), var(--popup-drawer-shadow-opacity))
   );
 }
 

assets/disclosure.css

@@ -13,10 +13,6 @@
 }
 
 .disclosure__list {
-  --shadow-horizontal-offset: var(--popup-drawer-shadow-horizontal-offset);
-  --shadow-vertical-offset: var(--popup-drawer-shadow-vertical-offset);
-  --shadow-blur-radius: var(--popup-drawer-shadow-blur-radius);
-  --shadow-opacity: var(--popup-drawer-shadow-opacity);
   border-width: var(--popup-drawer-border-width);
   border-style: solid;
   border-color: rgba(var(--color-foreground), var(--popup-drawer-border-opacity));
@@ -37,10 +33,10 @@
   background-color: rgb(var(--color-background));
   border-radius: var(--popup-drawer-corner-radius);
   filter: drop-shadow(
-    var(--shadow-horizontal-offset)
-    var(--shadow-vertical-offset)
-    var(--shadow-blur-radius)
-    rgba(var(--color-foreground), var(--shadow-opacity))
+    var(--popup-drawer-shadow-horizontal-offset)
+    var(--popup-drawer-shadow-vertical-offset)
+    var(--popup-drawer-shadow-blur-radius)
+    rgba(var(--color-foreground), var(--popup-drawer-shadow-opacity))
   );
 }
 

assets/section-main-product.css

@@ -797,10 +797,6 @@ a.product__text {
 }
 
 .product-popup-modal__content {
-  --shadow-horizontal-offset: var(--popup-drawer-shadow-horizontal-offset);
-  --shadow-vertical-offset: var(--popup-drawer-shadow-vertical-offset);
-  --shadow-blur-radius: var(--popup-drawer-shadow-blur-radius);
-  --shadow-opacity: var(--popup-drawer-shadow-opacity);
   border-radius: var(--popup-drawer-corner-radius);
   background-color: rgb(var(--color-background));
   overflow: auto;
@@ -817,10 +813,10 @@ a.product__text {
   border-style: solid;
   border-width: var(--popup-drawer-border-width);
   filter: drop-shadow(
-    var(--shadow-horizontal-offset)
-    var(--shadow-vertical-offset)
-    var(--shadow-blur-radius)
-    rgba(var(--color-foreground), var(--shadow-opacity))
+    var(--popup-drawer-shadow-horizontal-offset)
+    var(--popup-drawer-shadow-vertical-offset)
+    var(--popup-drawer-shadow-blur-radius)
+    rgba(var(--color-foreground), var(--popup-drawer-shadow-opacity))
   );
 }