diff options
| author | Lauri Eskola <lauri.eskola@acquia.com> | 2022-08-01 16:20:43 +0300 |
|---|---|---|
| committer | Lauri Eskola <lauri.eskola@acquia.com> | 2022-08-01 16:20:43 +0300 |
| commit | 3f6a0e98e0d7caa73c6d2b159739e652c6218f5d (patch) | |
| tree | c2ed29452dd39d5007994a5fd4df0ecbb342d30a | |
| parent | 7a7d73a192c8605900c1870341b52a9bc60f042d (diff) | |
| download | drupal-3f6a0e98e0d7caa73c6d2b159739e652c6218f5d.tar.gz drupal-3f6a0e98e0d7caa73c6d2b159739e652c6218f5d.zip | |
Issue #3284881 by Aditya4478, mherchel, sasanikolic: Refactor Claro's accordion stylesheet
| -rw-r--r-- | core/themes/claro/css/components/accordion.css | 30 | ||||
| -rw-r--r-- | core/themes/claro/css/components/accordion.pcss.css | 36 |
2 files changed, 33 insertions, 33 deletions
diff --git a/core/themes/claro/css/components/accordion.css b/core/themes/claro/css/components/accordion.css index 47528e8e73d..a54342e728d 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 1d54647f833..f4cc0b18170 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; + } } |