From 33736d1f33b7f65049f3f7bd85ea3e420b28dbc4 Mon Sep 17 00:00:00 2001 From: Felipe Simoes Date: Wed, 17 Jan 2024 21:57:52 +0100 Subject: [PATCH] fix max-width --- blocks/accordion/accordion.css | 44 +++++++++++++++++----------------- 1 file changed, 22 insertions(+), 22 deletions(-) diff --git a/blocks/accordion/accordion.css b/blocks/accordion/accordion.css index 8eadc4e4..2728dab3 100644 --- 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;