Skip to content

Commit 6343125

Browse files
committed
feat: Animate Markdown frontmatter icon rotation (#8521)
1 parent ecbe5f2 commit 6343125

1 file changed

Lines changed: 3 additions & 5 deletions

File tree

resources/scss/src/component/Markdown.scss

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -57,20 +57,18 @@
5757
list-style : none;
5858
}
5959

60-
details summary::before {
61-
content: "\f055";
62-
}
63-
6460
details[open] summary::before {
65-
content: "\f056";
61+
transform: rotate(45deg);
6662
}
6763

6864
details summary::before {
6965
color : #c4c4c4;
66+
content : "\f055";
7067
font-family: var(--fa-style-family, "Font Awesome 7 Free");
7168
font-size : 1em;
7269
font-weight: var(--fa-style, 900);
7370
margin : 0.4em 0.4em 0.4em 0;
71+
transition : transform 300ms ease-out;
7472
}
7573

7674
h1.neo-h1 {

0 commit comments

Comments
 (0)