From 5f43582861c0ae3812d4cd86f3a94a77dcdaa0c1 Mon Sep 17 00:00:00 2001
From: shamalainen <sebastian@hamse.fi>
Date: Tue, 2 Feb 2021 10:02:17 +0200
Subject: [PATCH] Add thin line after accordion heading when opened
---
src/components/accordion-item/accordion-item.scss | 15 +++++++++++++++
1 file changed, 15 insertions(+)
diff --git a/src/components/accordion-item/accordion-item.scss b/src/components/accordion-item/accordion-item.scss
index 1a5a0c9b..cedea9e2 100644
--- a/src/components/accordion-item/accordion-item.scss
+++ b/src/components/accordion-item/accordion-item.scss
@@ -104,6 +104,21 @@
span {
text-align: left;
}
+
+ // When accordion item is open.
+ &[aria-expanded='true'] {
+ position: relative;
+
+ &:after {
+ background: linear-gradient(to right, var(--grayscale-medium), var(--grayscale-white));
+ bottom: 0;
+ content: '';
+ height: 2px;
+ left: 0;
+ position: absolute;
+ width: 100%;
+ }
+ }
}
.hy-accordion--heading__icon {
--
GitLab