Skip to content

Commit

Permalink
Merge pull request #138 from emulsify-ds/accordion-missing-styles
Browse files Browse the repository at this point in the history
Fix accordion missing styles
  • Loading branch information
mariannuar authored Aug 10, 2024
2 parents e1cce0f + b43fb25 commit d9b5aa0
Show file tree
Hide file tree
Showing 2 changed files with 20 additions and 7 deletions.
25 changes: 19 additions & 6 deletions src/components/accordion/_accordion.scss
Original file line number Diff line number Diff line change
Expand Up @@ -63,10 +63,10 @@ $accordion_padding_y: calc(var(--spacing-lg) * 1.25);
}

&:hover {
color: var(--accordion-color-header-hover);
color: var(--accordion-color-header);

.accordion__icon {
fill: var(--accordion-color-header-hover);
fill: var(--accordion-color-header);
}
}
}
Expand Down Expand Up @@ -95,16 +95,28 @@ $accordion_padding_y: calc(var(--spacing-lg) * 1.25);
color: var(--accordion-color-header);
margin: 0 0 $accordion_padding_y;

[data-accordion-expanded='false'] & {
color: var(--accordion-color-body);
}

&:hover {
color: var(--accordion-color-header-hover);

[data-accordion-expanded='false'] & {
color: var(--accordion-color-header);

.accordion-item__toggle {
color: var(--accordion-color-header);
}
}

.accordion-item__icon {
fill: var(--accordion-color-header-hover);
}
}

[data-accordion-expanded='false'] & {
color: var(--accordion-color-body);
[data-accordion-expanded='false'] & {
fill: var(--accordion-color-header);
}
}
}
}

Expand All @@ -117,6 +129,7 @@ $accordion_padding_y: calc(var(--spacing-lg) * 1.25);

[aria-expanded='true'] > & {
transform: rotate(180deg);
fill: var(--accordion-color-header);
}
}

Expand Down
2 changes: 1 addition & 1 deletion src/components/tokens/_tokens.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Thu, 08 Aug 2024 18:32:01 GMT
* Generated on Thu, 08 Aug 2024 21:29:15 GMT
*/

:root {
Expand Down

0 comments on commit d9b5aa0

Please sign in to comment.