1details.toggleable-item {
2 user-select: none !important;
3 padding: 0 !important;
4}
5
6details.toggleable-item .menu {
7 margin: 4px 0 10px !important;
8}
9
10details.toggleable-item summary {
11 display: flex;
12 justify-content: space-between;
13 align-items: center;
14 padding: 0.92857143em 1.14285714em;
15}
16
17details.toggleable-item summary::marker, /* Chrome, Edge, Firefox */
18details.toggleable-item summary::-webkit-details-marker /* Safari */ {
19 display: none;
20}
21
22details.toggleable-item summary::after {
23 transition: transform 0.25s ease;
24 content: "";
25 width: 14px;
26 height: 14px;
27 mask-size: cover;
28 -webkit-mask-size: cover;
29 mask-image: var(--octicon-chevron-right);
30 -webkit-mask-image: var(--octicon-chevron-right);
31 background: currentcolor;
32 border: 1px solid var(--color-body); /* workaround https://bugzilla.mozilla.org/show_bug.cgi?id=1671784 */
33}
34
35details.toggleable-item[open] summary::after {
36 transform: rotate(90deg);
37}