markdown-it-admon-collapsible 1.9.1 → 1.9.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +13 -3
  2. package/LICENSE +24 -24
  3. package/README.md +81 -81
  4. package/index.js +231 -232
  5. package/package.json +58 -58
  6. package/styles/admonition.css +268 -264
package/styles/admonition.css CHANGED
@@ -1,265 +1,269 @@
1
- /* Collapsible block styles */
2
- .collapsible {
3
- border-left-color: #888;
4
- position: relative;
5
- }
6
- .collapsible .admonition-title {
7
- cursor: pointer;
8
- user-select: none;
9
- padding-right: 2.5rem;
10
- }
11
- .collapsible .admonition-title {
12
- position: relative;
13
- }
14
- .collapsible .collapsible-toggle {
15
- position: absolute;
16
- right: 1.2rem;
17
- top: 50%;
18
- transform: translateY(-50%);
19
- font-size: 1.2rem;
20
- background: none;
21
- border: none;
22
- cursor: pointer;
23
- outline: none;
24
- margin: 0;
25
- padding: 0;
26
- line-height: 1;
27
- }
28
- .collapsible.expanded {
29
- /* Optionally highlight expanded state */
30
- }
31
- .collapsible-content {
32
- display: none;
33
- }
34
- .collapsible.expanded .collapsible-content {
35
- display: block;
36
- }
37
- /**
38
- * @credits https://github.com/qjebbs/vscode-markdown-extended
39
- * @copyright 2018 jebbs
40
- * @license MIT
41
- */
42
-
43
- @font-face {
44
- font-family: "Material Icons";
45
- font-style: normal;
46
- font-weight: 400;
47
- src: url(https://fonts.gstatic.com/s/materialicons/v92/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
48
- }
49
-
50
- .admonition {
51
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
52
- position: relative;
53
- margin: 1.5625em 0;
54
- padding: 0 1.2rem;
55
- border-left: .4rem solid rgba(68, 138, 255, .8);
56
- border-radius: .2rem;
57
- background-color: rgba(255, 255, 255, 0.05);
58
- overflow: auto;
59
- }
60
-
61
- .admonition>p {
62
- margin-top: .8rem;
63
- }
64
-
65
- .admonition>.admonition-title {
66
- margin: 0 -1.2rem;
67
- padding: .8rem 1.0rem .8rem 1.0rem;
68
- border-bottom: 1px solid rgba(68, 138, 255, .2);
69
- background-color: rgba(68, 138, 255, .1);
70
- font-weight: 700;
71
- }
72
-
73
- .admonition>.admonition-title:before {
74
- position: absolute;
75
- left: 1.0rem;
76
- font-size: 1.5rem;
77
- /* color: rgba(68, 138, 255, .8); */
78
- /* content: "\f05b"; */
79
- }
80
-
81
- .admonition>.admonition-title:before {
82
- font-family: Material Icons;
83
- font-style: normal;
84
- font-variant: normal;
85
- font-weight: 400;
86
- line-height: 1.2rem;
87
- text-transform: none;
88
- white-space: nowrap;
89
- word-wrap: normal;
90
- direction: ltr;
91
- }
92
-
93
- .admonition.note>.admonition-title {
94
- padding-left: 3.3rem;
95
- }
96
-
97
- .admonition.note>.admonition-title:before {
98
- color: rgba(68, 138, 255, .8);
99
- content: "\f05b";
100
- }
101
-
102
- .admonition.summary, .admonition.abstract, .admonition.tldr {
103
- border-left-color: rgba(0, 176, 255, .8);
104
- }
105
-
106
- .admonition.summary>.admonition-title, .admonition.abstract>.admonition-title, .admonition.tldr>.admonition-title {
107
- background-color: rgba(0, 176, 255, .1);
108
- border-bottom-color: rgba(0, 176, 255, .2);
109
- padding-left: 3.3rem;
110
- }
111
-
112
- .admonition.summary>.admonition-title:before, .admonition.abstract>.admonition-title:before, .admonition.tldr>.admonition-title:before {
113
- color: rgba(0, 176, 255, 1);
114
- content: "\E8D2";
115
- }
116
-
117
- .admonition.hint, .admonition.tip {
118
- border-left-color: rgba(0, 191, 165, .8);
119
- }
120
-
121
- .admonition.hint>.admonition-title, .admonition.tip>.admonition-title {
122
- background-color: rgba(0, 191, 165, .1);
123
- border-bottom-color: rgba(0, 191, 165, .2);
124
- padding-left: 3.3rem;
125
- }
126
-
127
- .admonition.hint>.admonition-title:before, .admonition.tip>.admonition-title:before {
128
- color: rgba(0, 191, 165, 1);
129
- content: "\E80E";
130
- }
131
-
132
- .admonition.info, .admonition.todo {
133
- border-left-color: rgba(0, 184, 212, .8);
134
- }
135
-
136
- .admonition.info>.admonition-title, .admonition.todo>.admonition-title {
137
- background-color: rgba(0, 184, 212, .1);
138
- border-bottom-color: rgba(0, 184, 212, .2);
139
- padding-left: 3.3rem;
140
- }
141
-
142
- .admonition.info>.admonition-title:before, .admonition.todo>.admonition-title:before {
143
- color: rgba(0, 184, 212, 1);
144
- content: "\E88E";
145
- }
146
-
147
- .admonition.success, .admonition.check, .admonition.done {
148
- border-left-color: rgba(0, 200, 83, .8);
149
- }
150
-
151
- .admonition.success>.admonition-title, .admonition.check>.admonition-title, .admonition.done>.admonition-title {
152
- background-color: rgba(0, 200, 83, .1);
153
- border-bottom-color: rgba(0, 200, 83, .2);
154
- padding-left: 3.3rem;
155
- }
156
-
157
- .admonition.success>.admonition-title:before, .admonition.check>.admonition-title:before, .admonition.done>.admonition-title:before {
158
- color: rgba(0, 200, 83, 1);
159
- content: "\E876";
160
- }
161
-
162
- .admonition.question, .admonition.help, .admonition.faq {
163
- border-left-color: rgba(100, 221, 23, .8);
164
- }
165
-
166
- .admonition.question>.admonition-title, .admonition.help>.admonition-title, .admonition.faq>.admonition-title {
167
- background-color: rgba(100, 221, 23, .1);
168
- border-bottom-color: rgba(100, 221, 23, .2);
169
- padding-left: 3.3rem;
170
- }
171
-
172
- .admonition.question>.admonition-title:before, .admonition.help>.admonition-title:before, .admonition.faq>.admonition-title:before {
173
- color: rgba(100, 221, 23, 1);
174
- content: "\E887";
175
- }
176
-
177
- .admonition.warning, .admonition.attention, .admonition.caution {
178
- border-left-color: rgba(255, 145, 0, .8);
179
- }
180
-
181
- .admonition.warning>.admonition-title, .admonition.attention>.admonition-title, .admonition.caution>.admonition-title {
182
- background-color: rgba(255, 145, 0, .1);
183
- border-bottom-color: rgba(255, 145, 0, .2);
184
- padding-left: 3.3rem;
185
- }
186
-
187
- .admonition.attention>.admonition-title:before {
188
- color: rgba(255, 145, 0, 1);
189
- content: "\E417";
190
- }
191
-
192
- .admonition.warning>.admonition-title:before, .admonition.caution>.admonition-title:before {
193
- color: rgba(255, 145, 0, 1);
194
- content: "\E002";
195
- }
196
-
197
- .admonition.failure, .admonition.fail, .admonition.missing {
198
- border-left-color: rgba(255, 82, 82, .8);
199
- }
200
-
201
- .admonition.failure>.admonition-title, .admonition.fail>.admonition-title, .admonition.missing>.admonition-title {
202
- background-color: rgba(255, 82, 82, .1);
203
- border-bottom-color: rgba(255, 82, 82, .2);
204
- padding-left: 3.3rem;
205
- }
206
-
207
- .admonition.failure>.admonition-title:before, .admonition.fail>.admonition-title:before, .admonition.missing>.admonition-title:before {
208
- color: rgba(255, 82, 82, 1);
209
- content: "\E14C";
210
- }
211
-
212
- .admonition.danger, .admonition.error, .admonition.bug {
213
- border-left-color: rgba(255, 23, 68, .8);
214
- }
215
-
216
- .admonition.danger>.admonition-title, .admonition.error>.admonition-title, .admonition.bug>.admonition-title {
217
- background-color: rgba(255, 23, 68, .1);
218
- border-bottom-color: rgba(255, 23, 68, .2);
219
- padding-left: 3.3rem;
220
- }
221
-
222
- .admonition.danger>.admonition-title:before {
223
- color: rgba(255, 23, 68, 1);
224
- content: "\E3E7";
225
- }
226
-
227
- .admonition.error>.admonition-title:before {
228
- color: rgba(255, 23, 68, 1);
229
- content: "\e000";
230
- }
231
-
232
- .admonition.bug>.admonition-title:before {
233
- color: rgba(255, 23, 68, 1);
234
- content: "\E868";
235
- }
236
-
237
- .admonition.example, .admonition.snippet {
238
- border-left-color: rgba(0, 184, 212, .8);
239
- }
240
-
241
- .admonition.example>.admonition-title, .admonition.snippet>.admonition-title {
242
- background-color: rgba(0, 184, 212, .1);
243
- border-bottom-color: rgba(0, 184, 212, .2);
244
- padding-left: 3.3rem;
245
- }
246
-
247
- .admonition.example>.admonition-title:before, .admonition.snippet>.admonition-title:before {
248
- color: rgba(0, 184, 212, 1);
249
- content: "\e86f";
250
- }
251
-
252
- .admonition.quote, .admonition.cite {
253
- border-left-color: rgba(158, 158, 158, .8);
254
- }
255
-
256
- .admonition.quote>.admonition-title, .admonition.cite>.admonition-title {
257
- background-color: rgba(158, 158, 158, .1);
258
- border-bottom-color: rgba(158, 158, 158, .2);
259
- padding-left: 3.3rem;
260
- }
261
-
262
- .admonition.quote>.admonition-title:before, .admonition.cite>.admonition-title:before {
263
- color: rgba(158, 158, 158, 1);
264
- content: "\E244";
1
+ /* Collapsible block styles */
2
+ .collapsible {
3
+ border-left-color: #888;
4
+ position: relative;
5
+ }
6
+ .collapsible .admonition-title {
7
+ cursor: pointer;
8
+ user-select: none;
9
+ padding-right: 2.5rem;
10
+ }
11
+ .collapsible .admonition-title {
12
+ position: relative;
13
+ }
14
+ .collapsible .collapsible-toggle {
15
+ position: absolute;
16
+ right: 1.2rem;
17
+ top: 50%;
18
+ transform: translateY(-50%);
19
+ font-size: 1.2rem;
20
+ background: none;
21
+ border: none;
22
+ cursor: pointer;
23
+ outline: none;
24
+ margin: 0;
25
+ padding: 0;
26
+ line-height: 1;
27
+ }
28
+ .collapsible.expanded {
29
+ /* Optionally highlight expanded state */
30
+ }
31
+
32
+ /* Hide all siblings of .admonition-title when not expanded */
33
+ .collapsible:not(.expanded) > .admonition-title ~ * {
34
+ display: none;
35
+ }
36
+ .collapsible.expanded > .admonition-title ~ * {
37
+ display: block;
38
+ }
39
+ /**
40
+ * @credits https://github.com/qjebbs/vscode-markdown-extended
41
+ * @copyright 2018 jebbs
42
+ * @license MIT
43
+ */
44
+
45
+ @font-face {
46
+ font-family: "Material Icons";
47
+ font-style: normal;
48
+ font-weight: 400;
49
+ src: url(https://fonts.gstatic.com/s/materialicons/v92/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
50
+ }
51
+
52
+ .admonition {
53
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
54
+ position: relative;
55
+ margin: 1.5625em 0;
56
+ padding: 0 1.2rem;
57
+ border-left: .4rem solid rgba(68, 138, 255, .8);
58
+ border-radius: .2rem;
59
+ background-color: rgba(255, 255, 255, 0.05);
60
+ overflow: auto;
61
+ }
62
+
63
+
64
+ /* Ensure spacing for first child after .admonition-title (now a div) */
65
+ .admonition > .admonition-title + * {
66
+ margin-top: .8rem;
67
+ }
68
+
69
+ .admonition>.admonition-title {
70
+ margin: 0 -1.2rem;
71
+ padding: .8rem 1.0rem .8rem 1.0rem;
72
+ border-bottom: 1px solid rgba(68, 138, 255, .2);
73
+ background-color: rgba(68, 138, 255, .1);
74
+ font-weight: 700;
75
+ }
76
+
77
+ .admonition>.admonition-title:before {
78
+ position: absolute;
79
+ left: 1.0rem;
80
+ font-size: 1.5rem;
81
+ /* color: rgba(68, 138, 255, .8); */
82
+ /* content: "\f05b"; */
83
+ }
84
+
85
+ .admonition>.admonition-title:before {
86
+ font-family: Material Icons;
87
+ font-style: normal;
88
+ font-variant: normal;
89
+ font-weight: 400;
90
+ line-height: 1.2rem;
91
+ text-transform: none;
92
+ white-space: nowrap;
93
+ word-wrap: normal;
94
+ direction: ltr;
95
+ }
96
+
97
+ .admonition.note>.admonition-title {
98
+ padding-left: 3.3rem;
99
+ }
100
+
101
+ .admonition.note>.admonition-title:before {
102
+ color: rgba(68, 138, 255, .8);
103
+ content: "\f05b";
104
+ }
105
+
106
+ .admonition.summary, .admonition.abstract, .admonition.tldr {
107
+ border-left-color: rgba(0, 176, 255, .8);
108
+ }
109
+
110
+ .admonition.summary>.admonition-title, .admonition.abstract>.admonition-title, .admonition.tldr>.admonition-title {
111
+ background-color: rgba(0, 176, 255, .1);
112
+ border-bottom-color: rgba(0, 176, 255, .2);
113
+ padding-left: 3.3rem;
114
+ }
115
+
116
+ .admonition.summary>.admonition-title:before, .admonition.abstract>.admonition-title:before, .admonition.tldr>.admonition-title:before {
117
+ color: rgba(0, 176, 255, 1);
118
+ content: "\E8D2";
119
+ }
120
+
121
+ .admonition.hint, .admonition.tip {
122
+ border-left-color: rgba(0, 191, 165, .8);
123
+ }
124
+
125
+ .admonition.hint>.admonition-title, .admonition.tip>.admonition-title {
126
+ background-color: rgba(0, 191, 165, .1);
127
+ border-bottom-color: rgba(0, 191, 165, .2);
128
+ padding-left: 3.3rem;
129
+ }
130
+
131
+ .admonition.hint>.admonition-title:before, .admonition.tip>.admonition-title:before {
132
+ color: rgba(0, 191, 165, 1);
133
+ content: "\E80E";
134
+ }
135
+
136
+ .admonition.info, .admonition.todo {
137
+ border-left-color: rgba(0, 184, 212, .8);
138
+ }
139
+
140
+ .admonition.info>.admonition-title, .admonition.todo>.admonition-title {
141
+ background-color: rgba(0, 184, 212, .1);
142
+ border-bottom-color: rgba(0, 184, 212, .2);
143
+ padding-left: 3.3rem;
144
+ }
145
+
146
+ .admonition.info>.admonition-title:before, .admonition.todo>.admonition-title:before {
147
+ color: rgba(0, 184, 212, 1);
148
+ content: "\E88E";
149
+ }
150
+
151
+ .admonition.success, .admonition.check, .admonition.done {
152
+ border-left-color: rgba(0, 200, 83, .8);
153
+ }
154
+
155
+ .admonition.success>.admonition-title, .admonition.check>.admonition-title, .admonition.done>.admonition-title {
156
+ background-color: rgba(0, 200, 83, .1);
157
+ border-bottom-color: rgba(0, 200, 83, .2);
158
+ padding-left: 3.3rem;
159
+ }
160
+
161
+ .admonition.success>.admonition-title:before, .admonition.check>.admonition-title:before, .admonition.done>.admonition-title:before {
162
+ color: rgba(0, 200, 83, 1);
163
+ content: "\E876";
164
+ }
165
+
166
+ .admonition.question, .admonition.help, .admonition.faq {
167
+ border-left-color: rgba(100, 221, 23, .8);
168
+ }
169
+
170
+ .admonition.question>.admonition-title, .admonition.help>.admonition-title, .admonition.faq>.admonition-title {
171
+ background-color: rgba(100, 221, 23, .1);
172
+ border-bottom-color: rgba(100, 221, 23, .2);
173
+ padding-left: 3.3rem;
174
+ }
175
+
176
+ .admonition.question>.admonition-title:before, .admonition.help>.admonition-title:before, .admonition.faq>.admonition-title:before {
177
+ color: rgba(100, 221, 23, 1);
178
+ content: "\E887";
179
+ }
180
+
181
+ .admonition.warning, .admonition.attention, .admonition.caution {
182
+ border-left-color: rgba(255, 145, 0, .8);
183
+ }
184
+
185
+ .admonition.warning>.admonition-title, .admonition.attention>.admonition-title, .admonition.caution>.admonition-title {
186
+ background-color: rgba(255, 145, 0, .1);
187
+ border-bottom-color: rgba(255, 145, 0, .2);
188
+ padding-left: 3.3rem;
189
+ }
190
+
191
+ .admonition.attention>.admonition-title:before {
192
+ color: rgba(255, 145, 0, 1);
193
+ content: "\E417";
194
+ }
195
+
196
+ .admonition.warning>.admonition-title:before, .admonition.caution>.admonition-title:before {
197
+ color: rgba(255, 145, 0, 1);
198
+ content: "\E002";
199
+ }
200
+
201
+ .admonition.failure, .admonition.fail, .admonition.missing {
202
+ border-left-color: rgba(255, 82, 82, .8);
203
+ }
204
+
205
+ .admonition.failure>.admonition-title, .admonition.fail>.admonition-title, .admonition.missing>.admonition-title {
206
+ background-color: rgba(255, 82, 82, .1);
207
+ border-bottom-color: rgba(255, 82, 82, .2);
208
+ padding-left: 3.3rem;
209
+ }
210
+
211
+ .admonition.failure>.admonition-title:before, .admonition.fail>.admonition-title:before, .admonition.missing>.admonition-title:before {
212
+ color: rgba(255, 82, 82, 1);
213
+ content: "\E14C";
214
+ }
215
+
216
+ .admonition.danger, .admonition.error, .admonition.bug {
217
+ border-left-color: rgba(255, 23, 68, .8);
218
+ }
219
+
220
+ .admonition.danger>.admonition-title, .admonition.error>.admonition-title, .admonition.bug>.admonition-title {
221
+ background-color: rgba(255, 23, 68, .1);
222
+ border-bottom-color: rgba(255, 23, 68, .2);
223
+ padding-left: 3.3rem;
224
+ }
225
+
226
+ .admonition.danger>.admonition-title:before {
227
+ color: rgba(255, 23, 68, 1);
228
+ content: "\E3E7";
229
+ }
230
+
231
+ .admonition.error>.admonition-title:before {
232
+ color: rgba(255, 23, 68, 1);
233
+ content: "\e000";
234
+ }
235
+
236
+ .admonition.bug>.admonition-title:before {
237
+ color: rgba(255, 23, 68, 1);
238
+ content: "\E868";
239
+ }
240
+
241
+ .admonition.example, .admonition.snippet {
242
+ border-left-color: rgba(0, 184, 212, .8);
243
+ }
244
+
245
+ .admonition.example>.admonition-title, .admonition.snippet>.admonition-title {
246
+ background-color: rgba(0, 184, 212, .1);
247
+ border-bottom-color: rgba(0, 184, 212, .2);
248
+ padding-left: 3.3rem;
249
+ }
250
+
251
+ .admonition.example>.admonition-title:before, .admonition.snippet>.admonition-title:before {
252
+ color: rgba(0, 184, 212, 1);
253
+ content: "\e86f";
254
+ }
255
+
256
+ .admonition.quote, .admonition.cite {
257
+ border-left-color: rgba(158, 158, 158, .8);
258
+ }
259
+
260
+ .admonition.quote>.admonition-title, .admonition.cite>.admonition-title {
261
+ background-color: rgba(158, 158, 158, .1);
262
+ border-bottom-color: rgba(158, 158, 158, .2);
263
+ padding-left: 3.3rem;
264
+ }
265
+
266
+ .admonition.quote>.admonition-title:before, .admonition.cite>.admonition-title:before {
267
+ color: rgba(158, 158, 158, 1);
268
+ content: "\E244";
265
269
  }