fix max-width

hlxsites · Jan 17, 2024 · 33736d1 · 33736d1
1 parent 1626c3b
commit 33736d1
Showing 1 changed file with 22 additions and 22 deletions.
diff --git a/blocks/accordion/accordion.css b/blocks/accordion/accordion.css
@@ -1,3 +1,25 @@
+raqn-accordion {
+  --scope-icon-size: 1em;
+  --accordion-background-color: var(--scope-background, black);
+  --accordion-color: var(--scope-color, white);
+
+  background-color: var(--accordion-background-color);
+  color: var(--accordion-color);
+  margin: var(--scope-margin, 0);
+  padding: var(--scope-padding, 0);
+  display: grid;
+}
+
+raqn-accordion raqn-icon {
+  align-self: end;
+  transform: rotate(90deg);
+  transition: transform 0.2s ease-in-out;
+}
+
+raqn-accordion accordion-control.active raqn-icon {
+  transform: rotate(270deg);
+}
+
 .accordion-control {
   border-block-start: var(--scope-border-block-start, none);
   border-inline-start: var(--scope-border-inline-start, none);
@@ -7,7 +29,6 @@
   align-items: center;
   justify-content: start;
   width: 100%;
-  padding: var(--scope-padding, 0);
 }
 
 .accordion-control:first-child {
@@ -28,27 +49,6 @@
   --scope-color: var(--scope-headings-color);
 }
 
-raqn-accordion {
-  --scope-icon-size: 1em;
-  --accordion-background-color: var(--scope-background, black);
-  --accordion-color: var(--scope-color, white);
-
-  background-color: var(--accordion-background-color);
-  color: var(--accordion-color);
-  margin: var(--scope-margin, 0);
-  display: grid;
-}
-
-raqn-accordion raqn-icon {
-  align-self: end;
-  transform: rotate(90deg);
-  transition: transform 0.2s ease-in-out;
-}
-
-raqn-accordion accordion-control.active raqn-icon {
-  transform: rotate(270deg);
-}
-
 .accordion-content {
   display: grid;
   max-height: 0;