@licklist/design 0.51.2 → 0.52.0

package/src/styles/affiliate/AffiliateCard.scss

@@ -3,7 +3,10 @@ $affiliate-card-box-shadow-focus: $btn-focus-box-shadow !default;
 $affiliate-card-transition: $btn-transition !default;
 
 $affiliate-card-link-background-color: $affiliate-card-background-color !default;
-$affiliate-card-link-background-color-hover: theme-color-level("primary", -10.5) !default;
+$affiliate-card-link-background-color-hover: theme-color-level(
+  "primary",
+  -10.5
+) !default;
 $affiliate-card-link-box-shadow-focus: $affiliate-card-box-shadow-focus !default;
 $affiliate-card-link-padding-x: sp(10) !default;
 $affiliate-card-link-padding-y: sp(10) !default;
@@ -12,12 +15,20 @@ $affiliate-card-link-text-color-hover: theme-color("primary") !default;
 $affiliate-card-link-text-font-weight: $font-weight-normal !default;
 $affiliate-card-link-transition: $affiliate-card-transition !default;
 
-$affiliate-card-menu-button-background-color-hover: theme-color("primary") !default;
+$affiliate-card-menu-button-background-color-hover: theme-color(
+  "primary"
+) !default;
 $affiliate-card-menu-button-border-radius: $border-radius !default;
 $affiliate-card-menu-button-box-shadow-focus: $affiliate-card-box-shadow-focus !default;
-$affiliate-card-menu-button-icon-color: adjust-color(theme-color("primary"), $alpha: -1/3) !default;
+$affiliate-card-menu-button-icon-color: adjust-color(
+  theme-color("primary"),
+  $alpha: -1/3
+) !default;
 $affiliate-card-menu-button-icon-color-hover: $affiliate-card-background-color !default;
-$affiliate-card-menu-button-icon-color-container-hover: adjust-color(theme-color("primary"), $alpha: -1 / 12) !default;
+$affiliate-card-menu-button-icon-color-container-hover: adjust-color(
+  theme-color("primary"),
+  $alpha: -1 / 12
+) !default;
 $affiliate-card-menu-button-icon-size: sp(4) !default;
 $affiliate-card-menu-button-inset: sp(2) !default;
 $affiliate-card-menu-button-size: sp(8) !default;
@@ -139,12 +150,14 @@ $affiliate-card-menu-icon-size: sp(3.5) !default;
   }
 }
 
-.affiliate-card-popover {
+.affiliate-card-popover,
+#event-product-set-popover {
   border-radius: $affiliate-card-popover-border-radius;
   border: none;
   filter: $affiliate-card-popover-box-shadow-filter;
 
-  .affiliate-card-menu {
+  .affiliate-card-menu,
+  .event-product-set-card {
     padding: $affiliate-card-menu-padding-x $affiliate-card-menu-padding-y;
     border-radius: $affiliate-card-popover-border-radius;
 
@@ -175,5 +188,12 @@ $affiliate-card-menu-icon-size: sp(3.5) !default;
   }
 }
 
+#event-product-set-popover {
+  .event-product-set-card {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+
 $snippet-template-card-background-color: color("red") !default;
 $snippet-template-card-border: 1px solid red;

package/src/styles/events/EventCard.scss

@@ -7,8 +7,6 @@ $event-card-title-font-weight: $font-weight-semibold !default;
 $event-card-title-font-size: sp(5) !default;
 $event-card-title-line-height: 4 / 3 !default;
 
-$event-card-footer-height: sp(6) !default;
-
 $event-card-image-container-overflow-top: sp(3) !default;
 $event-card-image-container-overflow-x: sp(3) !default;
 $event-card-image-container-aspect-ratio: 1.6 !default;
@@ -34,7 +32,7 @@ $event-card-views-gutter: sp(3) !default;
   transition: ease-in 0.25s;
   border-radius: $event-card-border-radius;
 
-  >*+* {
+  > * + * {
     margin-top: $event-card-contents-gutter;
   }
 
@@ -54,7 +52,7 @@ $event-card-views-gutter: sp(3) !default;
         min-height: 13.75rem;
         max-height: 22rem;
       }
-  }
+    }
   }
 
   .card-title {
@@ -74,7 +72,6 @@ $event-card-views-gutter: sp(3) !default;
     border: unset;
     border-radius: unset;
     padding: 0;
-    height: $event-card-footer-height;
 
     svg {
       height: 100%;
@@ -175,4 +172,4 @@ $event-card-views-gutter: sp(3) !default;
     color: #504f4f;
     width: 1.7rem;
   }
-}
+}