Skip to content

Commit

Permalink
fix(Collapsible) revert collapsible body content from f00a1a4; config…
Browse files Browse the repository at this point in the history
…ured header pseudo element positioning and margin; implemented Material icons
  • Loading branch information
gselderslaghs committed Dec 11, 2024
1 parent f00a1a4 commit fa294fc
Showing 1 changed file with 8 additions and 10 deletions.
18 changes: 8 additions & 10 deletions sass/components/_collapsible.scss
Original file line number Diff line number Diff line change
Expand Up @@ -31,15 +31,17 @@
}

.collapsible-header::after {
content: '';
text-align: right;
margin-right: 0.25rem;
width: auto;
align-self: end;
content: '\e5cf';
align-self: flex-end;
margin-left: .5rem;
font-family: 'Material Symbols Outlined', 'Material Symbols Rounded', 'Material Symbols Sharp', 'Material Icons';
font-size: 25px;
line-height: .9;
-webkit-font-smoothing: antialiased;
}

.active .collapsible-header::after {
content: "";
content: '\e5ce';
}

.keyboard-focused .collapsible-header:focus {
Expand All @@ -58,10 +60,6 @@
overflow: hidden;
}

.collapsible-body-content {
padding: 2rem 0;
}

// Popout Collapsible

.collapsible.popout {
Expand Down

0 comments on commit fa294fc

Please sign in to comment.