From 3f6a0e98e0d7caa73c6d2b159739e652c6218f5d Mon Sep 17 00:00:00 2001
From: Lauri Eskola <lauri.eskola@acquia.com>
Date: Mon, 1 Aug 2022 16:20:43 +0300
Subject: [PATCH] Issue #3284881 by Aditya4478, mherchel, sasanikolic: Refactor
Claro's accordion stylesheet
---
.../themes/claro/css/components/accordion.css | 30 ++++++++--------
.../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 47528e8e73d2..a54342e728df 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 1d54647f8339..f4cc0b181701 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;
+ }
}
--
GitLab