diff --git a/_sass/common/_general.scss b/_sass/common/_general.scss index ed47892cf23a86fde30ca38f83a4414b9dd1ef84..c27d8ff261dab522bb495ce46d7a89c53f5c8f6e 100644 --- a/_sass/common/_general.scss +++ b/_sass/common/_general.scss @@ -95,3 +95,25 @@ h2 { width: 100%; } } + +// Replace the HTML details triangle with Fontawesome icons +summary { + list-style: none; + + &::-webkit-details-marker { + display: none; + } +} +details { + summary::before { + content: "\f138"; // fas fa-chevron-circle-right + font-family: "Font Awesome 5 Free"; + font-weight: 900; + + margin-right: 0.25rem; + } + + &[open] summary::before { + content: "\f13a"; // fas fa-chevron-circle-down + } +}