diff --git a/core/themes/claro/css/components/accordion.css b/core/themes/claro/css/components/accordion.css index 47528e8e73d2aed1a16e7a672efaa5eab8d1fa4f..a54342e728dfaa280a4ad75c98873c1550f09910 100644 --- a/core/themes/claro/css/components/accordion.css +++ b/core/themes/claro/css/components/accordion.css @@ -20,27 +20,27 @@ .accordion__item { margin: 0 -1px; - border-radius: 0; + border-radius: 0 } .accordion__item:first-child { - margin-top: -1px; - border-top-left-radius: var(--details-accordion-border-size-radius); - border-top-right-radius: var(--details-accordion-border-size-radius); -} + margin-top: -1px; + border-top-left-radius: var(--details-accordion-border-size-radius); + border-top-right-radius: var(--details-accordion-border-size-radius); + } .accordion__item + .accordion__item { - margin-top: -1px; -} + margin-top: -1px; + } .accordion__item:last-child { - margin-bottom: -1px; - border-bottom-right-radius: var(--details-accordion-border-size-radius); - border-bottom-left-radius: var(--details-accordion-border-size-radius); -} + margin-bottom: -1px; + border-bottom-right-radius: var(--details-accordion-border-size-radius); + border-bottom-left-radius: var(--details-accordion-border-size-radius); + } .accordion__item .claro-details__summary .summary { - display: block; - color: var(--color-gray-800); - font-weight: normal; -} + display: block; + color: var(--color-gray-800); + font-weight: normal; + } diff --git a/core/themes/claro/css/components/accordion.pcss.css b/core/themes/claro/css/components/accordion.pcss.css index 1d54647f8339219d07e5ce56ab57126f5e3c2967..f4cc0b181701c119cfce586f16321206a453b24e 100644 --- a/core/themes/claro/css/components/accordion.pcss.css +++ b/core/themes/claro/css/components/accordion.pcss.css @@ -14,26 +14,26 @@ .accordion__item { margin: 0 -1px; border-radius: 0; -} -.accordion__item:first-child { - margin-top: -1px; - border-top-left-radius: var(--details-accordion-border-size-radius); - border-top-right-radius: var(--details-accordion-border-size-radius); -} + &:first-child { + margin-top: -1px; + border-top-left-radius: var(--details-accordion-border-size-radius); + border-top-right-radius: var(--details-accordion-border-size-radius); + } -.accordion__item + .accordion__item { - margin-top: -1px; -} + & + .accordion__item { + margin-top: -1px; + } -.accordion__item:last-child { - margin-bottom: -1px; - border-bottom-right-radius: var(--details-accordion-border-size-radius); - border-bottom-left-radius: var(--details-accordion-border-size-radius); -} + &:last-child { + margin-bottom: -1px; + border-bottom-right-radius: var(--details-accordion-border-size-radius); + border-bottom-left-radius: var(--details-accordion-border-size-radius); + } -.accordion__item .claro-details__summary .summary { - display: block; - color: var(--color-gray-800); - font-weight: normal; + & .claro-details__summary .summary { + display: block; + color: var(--color-gray-800); + font-weight: normal; + } }