|
| 1 | +@charset "UTF-8"; |
1 | 2 | :root {
|
2 | 3 | --md-admonition-icon--note:
|
3 | 4 | url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z'/></svg>");
|
|
23 | 24 | url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 13v-2h14v2H7m0 6v-2h14v2H7M7 7V5h14v2H7M3 8V5H2V4h2v4H3m-1 9v-1h3v4H2v-1h2v-.5H3v-1h1V17H2m2.25-7a.75.75 0 0 1 .75.75c0 .2-.08.39-.21.52L3.12 13H5v1H2v-.92L4 11H2v-1h2.25z'/></svg>");
|
24 | 25 | --md-admonition-icon--quote:
|
25 | 26 | url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M14 17h3l2-4V7h-6v6h3M6 17h3l2-4V7H5v6h3l-2 4z'/></svg>");
|
| 27 | + --md-details-icon: |
| 28 | + url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8.59 16.58 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.42Z'/></svg>"); |
26 | 29 | }
|
27 | 30 |
|
28 | 31 | :is(.admonition) {
|
@@ -56,12 +59,21 @@ html :is(.admonition) > :last-child {
|
56 | 59 | margin-bottom: 1.2rem;
|
57 | 60 | }
|
58 | 61 |
|
| 62 | +a.admonition-anchor-link { |
| 63 | + display: none; |
| 64 | + position: absolute; |
| 65 | + left: -1.2rem; |
| 66 | + padding-right: 1rem; |
| 67 | +} |
59 | 68 | a.admonition-anchor-link:link, a.admonition-anchor-link:visited {
|
60 | 69 | color: var(--fg);
|
61 | 70 | }
|
62 | 71 | a.admonition-anchor-link:link:hover, a.admonition-anchor-link:visited:hover {
|
63 | 72 | text-decoration: none;
|
64 | 73 | }
|
| 74 | +a.admonition-anchor-link::before { |
| 75 | + content: "§"; |
| 76 | +} |
65 | 77 |
|
66 | 78 | :is(.admonition-title, summary) {
|
67 | 79 | position: relative;
|
@@ -94,6 +106,30 @@ html :is(.admonition-title, summary):last-child {
|
94 | 106 | -webkit-mask-size: contain;
|
95 | 107 | content: "";
|
96 | 108 | }
|
| 109 | +:is(.admonition-title, summary):hover a.admonition-anchor-link { |
| 110 | + display: initial; |
| 111 | +} |
| 112 | + |
| 113 | +details.admonition > summary.admonition-title::after { |
| 114 | + position: absolute; |
| 115 | + top: 0.625em; |
| 116 | + inset-inline-end: 1.6rem; |
| 117 | + height: 2rem; |
| 118 | + width: 2rem; |
| 119 | + background-color: currentcolor; |
| 120 | + mask-image: var(--md-details-icon); |
| 121 | + -webkit-mask-image: var(--md-details-icon); |
| 122 | + mask-repeat: no-repeat; |
| 123 | + -webkit-mask-repeat: no-repeat; |
| 124 | + mask-size: contain; |
| 125 | + -webkit-mask-size: contain; |
| 126 | + content: ""; |
| 127 | + transform: rotate(0deg); |
| 128 | + transition: transform 0.25s; |
| 129 | +} |
| 130 | +details[open].admonition > summary.admonition-title::after { |
| 131 | + transform: rotate(90deg); |
| 132 | +} |
97 | 133 |
|
98 | 134 | :is(.admonition):is(.note) {
|
99 | 135 | border-color: #448aff;
|
|
0 commit comments