fix(cxl-ui): cxl-accordion-card -> mobile max-width

conversionxl · Dec 22, 2023 · 8207a70 · 8207a70
1 parent b5df115
commit 8207a70
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/packages/cxl-lumo-styles/scss/themes/cxl-accordion-card.scss b/packages/cxl-lumo-styles/scss/themes/cxl-accordion-card.scss
@@ -1,4 +1,4 @@
-@import "~@conversionxl/cxl-ui/scss/cxl-card";
+@use "~@conversionxl/cxl-lumo-styles/scss/mq";
 
 :host(:not[disabled]) {
   [part="summary"]:hover {
@@ -43,3 +43,14 @@
   display: flex;
   flex-wrap: wrap;
 }
+
+:host {
+  box-sizing: border-box;
+  max-width: calc(100vw - 2 * var(--cxl-wrap-padding));
+}
+
+@media #{mq.$small} {
+  :host {
+    max-width: initial;
+  }
+}