@elmethis/qwik 0.0.26 → 0.0.27

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.
package/lib/style.css CHANGED
@@ -240,20 +240,20 @@
240
240
  }
241
241
  [data-theme=dark] ._parallax_1kb0k_1 {
242
242
  opacity: 0.1;
243
- }._toggle_nwv84_1 {
244
- margin: 0;
243
+ }._toggle_pbyu8_1 {
244
+ margin-block: var(--margin-block, 0);
245
245
  display: grid;
246
246
  transition: grid 200ms;
247
247
  overflow: hidden;
248
248
  }
249
- ._toggle_nwv84_1._toggle-closed_nwv84_7 {
249
+ ._toggle_pbyu8_1._toggle-closed_pbyu8_7 {
250
250
  grid-template-rows: 3.5rem 0fr 0rem;
251
251
  }
252
- ._toggle_nwv84_1._toggle-open_nwv84_10 {
252
+ ._toggle_pbyu8_1._toggle-open_pbyu8_10 {
253
253
  grid-template-rows: 3.5rem 1fr 3rem;
254
254
  }
255
255
 
256
- ._summary_nwv84_14 {
256
+ ._summary_pbyu8_14 {
257
257
  box-sizing: border-box;
258
258
  padding-inline: 1rem;
259
259
  display: grid;
@@ -264,42 +264,42 @@
264
264
  border: 1px solid rgba(0, 0, 0, 0.125);
265
265
  background-color: rgba(62, 67, 75, 0.05);
266
266
  }
267
- [data-theme=dark] ._summary_nwv84_14 {
267
+ [data-theme=dark] ._summary_pbyu8_14 {
268
268
  border: 1px solid rgba(255, 255, 255, 0.125);
269
269
  background-color: rgba(190, 194, 202, 0.1);
270
270
  }
271
- ._summary_nwv84_14._summary-open_nwv84_29 {
271
+ ._summary_pbyu8_14._summary-open_pbyu8_29 {
272
272
  border-radius: 0.25rem 0.25rem 0 0;
273
273
  border-bottom-color: transparent;
274
274
  }
275
- ._summary_nwv84_14._summary-closed_nwv84_33 {
275
+ ._summary_pbyu8_14._summary-closed_pbyu8_33 {
276
276
  border-radius: 0.25rem;
277
277
  }
278
278
 
279
- ._chevron-icon_nwv84_37 {
279
+ ._chevron-icon_pbyu8_37 {
280
280
  transition: transform 200ms;
281
281
  }
282
- ._chevron-icon_nwv84_37._chevron-icon-open_nwv84_40 {
282
+ ._chevron-icon_pbyu8_37._chevron-icon-open_pbyu8_40 {
283
283
  transform: rotate(90deg);
284
284
  }
285
- ._chevron-icon_nwv84_37._chevron-icon-closed_nwv84_43 {
285
+ ._chevron-icon_pbyu8_37._chevron-icon-closed_pbyu8_43 {
286
286
  transform: rotate(0deg);
287
287
  }
288
288
 
289
- ._plus-icon_nwv84_47 {
289
+ ._plus-icon_pbyu8_47 {
290
290
  height: 1rem;
291
291
  width: 1rem;
292
292
  transform-origin: center;
293
293
  transition: transform 200ms;
294
294
  }
295
- ._plus-icon_nwv84_47._plus-icon-open_nwv84_53 {
295
+ ._plus-icon_pbyu8_47._plus-icon-open_pbyu8_53 {
296
296
  transform: rotate(135deg);
297
297
  }
298
- ._plus-icon_nwv84_47._plus-icon-closed_nwv84_56 {
298
+ ._plus-icon_pbyu8_47._plus-icon-closed_pbyu8_56 {
299
299
  transform: rotate(0deg);
300
300
  }
301
301
 
302
- ._content_nwv84_60 {
302
+ ._content_pbyu8_60 {
303
303
  box-sizing: border-box;
304
304
  padding: 1rem;
305
305
  overflow: hidden;
@@ -308,18 +308,18 @@
308
308
  border-radius: 0 0 0.25rem 0.25rem;
309
309
  background-color: rgba(62, 67, 75, 0.0125);
310
310
  }
311
- [data-theme=dark] ._content_nwv84_60 {
311
+ [data-theme=dark] ._content_pbyu8_60 {
312
312
  border-color: rgba(255, 255, 255, 0.125);
313
313
  background-color: rgba(190, 194, 202, 0.025);
314
314
  }
315
- ._content_nwv84_60._content-open_nwv84_73 {
315
+ ._content_pbyu8_60._content-open_pbyu8_73 {
316
316
  opacity: 1;
317
317
  }
318
- ._content_nwv84_60._content-closed_nwv84_76 {
318
+ ._content_pbyu8_60._content-closed_pbyu8_76 {
319
319
  opacity: 0;
320
320
  }
321
321
 
322
- ._footer_nwv84_80 {
322
+ ._footer_pbyu8_80 {
323
323
  box-sizing: border-box;
324
324
  margin: 0.25rem 0rem;
325
325
  padding: 0.5rem 0.25rem;
@@ -334,17 +334,17 @@
334
334
  border-radius: 0.25rem;
335
335
  transition: opacity 200ms, background-color 200ms;
336
336
  }
337
- ._footer_nwv84_80:hover {
337
+ ._footer_pbyu8_80:hover {
338
338
  opacity: 0.5;
339
339
  background-color: rgba(96, 104, 117, 0.1);
340
340
  }
341
- ._footer_nwv84_80 ._footer-line_nwv84_99 {
341
+ ._footer_pbyu8_80 ._footer-line_pbyu8_99 {
342
342
  box-sizing: border-box;
343
343
  flex: 1;
344
344
  border: none;
345
345
  border-bottom: 1px solid rgba(128, 128, 128, 0.3);
346
346
  }
347
- ._footer_nwv84_80 ._footer-cross-icon_nwv84_105 {
347
+ ._footer_pbyu8_80 ._footer-cross-icon_pbyu8_105 {
348
348
  transform: rotate(45deg);
349
349
  }._block-fallback_rt986_1 {
350
350
  position: relative;
@@ -959,8 +959,9 @@
959
959
  color: #b0b5be;
960
960
  border-radius: 50%;
961
961
  cursor: pointer;
962
- }._block-image_5s2ag_1 {
963
- margin: 0;
962
+ }._block-image_sf1wj_1 {
963
+ margin-block: var(--margin-block, 0);
964
+ margin-inline: 0;
964
965
  display: flex;
965
966
  justify-content: center;
966
967
  align-items: center;
@@ -969,7 +970,7 @@
969
970
  width: 100%;
970
971
  }
971
972
 
972
- ._image-container_5s2ag_11 {
973
+ ._image-container_sf1wj_12 {
973
974
  width: 100%;
974
975
  height: 100%;
975
976
  position: relative;
@@ -978,7 +979,7 @@
978
979
  align-items: center;
979
980
  }
980
981
 
981
- ._image_5s2ag_11 {
982
+ ._image_sf1wj_12 {
982
983
  max-width: 100%;
983
984
  max-height: min(100%, 100vh);
984
985
  height: auto;
@@ -991,7 +992,7 @@
991
992
  cursor: var(--cursor);
992
993
  }
993
994
 
994
- ._fallback_5s2ag_33 {
995
+ ._fallback_sf1wj_34 {
995
996
  width: 100%;
996
997
  height: 100%;
997
998
  inset: 0 0 auto auto;
@@ -1001,7 +1002,7 @@
1001
1002
  pointer-events: none;
1002
1003
  }
1003
1004
 
1004
- ._caption-box_5s2ag_43 {
1005
+ ._caption-box_sf1wj_44 {
1005
1006
  box-sizing: border-box;
1006
1007
  padding: 0rem 1rem;
1007
1008
  display: flex;
@@ -1013,7 +1014,7 @@
1013
1014
  transition: opacity 400ms;
1014
1015
  }
1015
1016
 
1016
- ._modal-container_5s2ag_55 {
1017
+ ._modal-container_sf1wj_56 {
1017
1018
  width: 100vw;
1018
1019
  height: 100vh;
1019
1020
  display: flex;
@@ -1026,8 +1027,8 @@
1026
1027
  cursor: zoom-out;
1027
1028
  opacity: var(--opacity, 1);
1028
1029
  transition: opacity 200ms;
1029
- }._file_14a0w_1 {
1030
- margin: 0;
1030
+ }._file_eqa3m_1 {
1031
+ margin-block: var(--margin-block, 0);
1031
1032
  padding: 1rem;
1032
1033
  display: grid;
1033
1034
  grid-template-columns: 1.5rem 1fr 1fr 1.5rem;
@@ -1037,16 +1038,16 @@
1037
1038
  border-radius: 0.25rem;
1038
1039
  background-color: rgba(255, 255, 255, 0.2);
1039
1040
  }
1040
- [data-theme=dark] ._file_14a0w_1 {
1041
+ [data-theme=dark] ._file_eqa3m_1 {
1041
1042
  background-color: rgba(0, 0, 0, 0.2);
1042
1043
  }
1043
1044
 
1044
- ._file-size_14a0w_16 {
1045
+ ._file-size_eqa3m_16 {
1045
1046
  text-align: right;
1046
1047
  opacity: 0.5;
1047
1048
  }
1048
1049
 
1049
- ._download-icon_14a0w_21 {
1050
+ ._download-icon_eqa3m_21 {
1050
1051
  display: flex;
1051
1052
  justify-content: center;
1052
1053
  align-items: center;
@@ -1057,30 +1058,31 @@
1057
1058
  cursor: pointer;
1058
1059
  transition: color 200ms, background-color 200ms;
1059
1060
  }
1060
- ._download-icon_14a0w_21:hover {
1061
+ ._download-icon_eqa3m_21:hover {
1061
1062
  background-color: rgba(0, 0, 0, 0.1);
1062
1063
  }
1063
- [data-theme=dark] ._download-icon_14a0w_21:hover {
1064
+ [data-theme=dark] ._download-icon_eqa3m_21:hover {
1064
1065
  background-color: rgba(255, 255, 255, 0.1);
1065
- }._bookmark_rgq1s_1 {
1066
+ }._bookmark_xxvle_1 {
1066
1067
  all: unset;
1067
1068
  display: block;
1068
1069
  container-type: inline-size;
1069
1070
  border-radius: 0.25rem;
1070
1071
  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.1);
1071
1072
  overflow: hidden;
1073
+ margin-block: var(--margin-block, 0);
1072
1074
  transition: background-color 200ms, transform 200ms;
1073
1075
  }
1074
- ._bookmark_rgq1s_1:hover {
1076
+ ._bookmark_xxvle_1:hover {
1075
1077
  background-color: rgba(105, 135, 184, 0.1);
1076
1078
  transform: translateX(-0.125rem) translateY(-0.125rem);
1077
1079
  }
1078
- ._bookmark_rgq1s_1:active {
1080
+ ._bookmark_xxvle_1:active {
1079
1081
  background-color: rgba(89, 181, 124, 0.1);
1080
1082
  transform: translateX(0) translateY(0);
1081
1083
  }
1082
1084
 
1083
- ._container_rgq1s_19 {
1085
+ ._container_xxvle_20 {
1084
1086
  all: unset;
1085
1087
  cursor: pointer;
1086
1088
  width: 100%;
@@ -1088,12 +1090,12 @@
1088
1090
  flex-direction: row;
1089
1091
  }
1090
1092
  @container (max-width: 700px) {
1091
- ._container_rgq1s_19 {
1093
+ ._container_xxvle_20 {
1092
1094
  flex-direction: column;
1093
1095
  }
1094
1096
  }
1095
1097
 
1096
- ._image_rgq1s_32 {
1098
+ ._image_xxvle_33 {
1097
1099
  overflow: hidden;
1098
1100
  height: 100%;
1099
1101
  opacity: 0.9;
@@ -1107,14 +1109,14 @@
1107
1109
  max-width: 35%;
1108
1110
  }
1109
1111
  @container (max-width: 700px) {
1110
- ._image_rgq1s_32 {
1112
+ ._image_xxvle_33 {
1111
1113
  min-width: unset;
1112
1114
  max-width: unset;
1113
1115
  width: 100%;
1114
1116
  }
1115
1117
  }
1116
1118
 
1117
- ._content_rgq1s_53 {
1119
+ ._content_xxvle_54 {
1118
1120
  flex: 1;
1119
1121
  width: 75%;
1120
1122
  box-sizing: border-box;
@@ -1127,21 +1129,21 @@
1127
1129
  background-color: rgba(255, 255, 255, 0.4);
1128
1130
  }
1129
1131
  @container (max-width: 700px) {
1130
- ._content_rgq1s_53 {
1132
+ ._content_xxvle_54 {
1131
1133
  width: 100%;
1132
1134
  }
1133
1135
  }
1134
- [data-theme=dark] ._content_rgq1s_53 {
1136
+ [data-theme=dark] ._content_xxvle_54 {
1135
1137
  background-color: rgba(0, 0, 0, 0.2);
1136
1138
  }
1137
- ._content_rgq1s_53 ._title_rgq1s_73 {
1139
+ ._content_xxvle_54 ._title_xxvle_74 {
1138
1140
  box-sizing: border-box;
1139
1141
  }
1140
- ._content_rgq1s_53 ._description_rgq1s_76 {
1142
+ ._content_xxvle_54 ._description_xxvle_77 {
1141
1143
  box-sizing: border-box;
1142
1144
  opacity: 0.7;
1143
1145
  }
1144
- ._content_rgq1s_53 ._link_rgq1s_80 {
1146
+ ._content_xxvle_54 ._link_xxvle_81 {
1145
1147
  line-height: 0.75rem;
1146
1148
  display: flex;
1147
1149
  justify-content: flex-end;
@@ -1289,14 +1291,15 @@
1289
1291
  [data-theme=dark] ._wrapper_nud26_1 ._text_nud26_85::selection {
1290
1292
  color: #3e434b;
1291
1293
  background-color: var(--color, #cccfd5);
1292
- }._blockquote_b5jd8_1 {
1294
+ }._blockquote_1s60i_1 {
1293
1295
  box-sizing: border-box;
1294
1296
  width: 100%;
1295
- margin: 0;
1297
+ margin-block: var(--margin-block, 0);
1298
+ margin-inline: 0;
1296
1299
  background-color: rgba(134, 142, 156, 0.1);
1297
1300
  position: relative;
1298
1301
  }
1299
- ._blockquote_b5jd8_1::after {
1302
+ ._blockquote_1s60i_1::after {
1300
1303
  position: absolute;
1301
1304
  content: "";
1302
1305
  top: 0;
@@ -1306,21 +1309,22 @@
1306
1309
  background-color: #868e9c;
1307
1310
  }
1308
1311
 
1309
- ._body_b5jd8_18 {
1312
+ ._body_1s60i_19 {
1310
1313
  box-sizing: border-box;
1311
1314
  padding: 2rem 1.5rem;
1312
1315
  }
1313
1316
 
1314
- ._icon_b5jd8_23 {
1317
+ ._icon_1s60i_24 {
1315
1318
  position: absolute;
1316
1319
  content: "";
1317
1320
  inset: var(--inset);
1318
1321
  opacity: 0.5;
1319
- }._callout_1d8l2_1 {
1322
+ }._callout_ov76x_1 {
1320
1323
  position: relative;
1321
1324
  padding: 1rem;
1325
+ margin-block: var(--margin-block, 0);
1322
1326
  }
1323
- ._callout_1d8l2_1::after {
1327
+ ._callout_ov76x_1::after {
1324
1328
  position: absolute;
1325
1329
  content: "";
1326
1330
  inset: 0 auto auto 0;
@@ -1328,7 +1332,7 @@
1328
1332
  width: 0.25rem;
1329
1333
  background-color: var(--callout-color);
1330
1334
  }
1331
- ._callout_1d8l2_1::before {
1335
+ ._callout_ov76x_1::before {
1332
1336
  position: absolute;
1333
1337
  content: "";
1334
1338
  inset: 0 0 auto auto;
@@ -1340,17 +1344,17 @@
1340
1344
  pointer-events: none;
1341
1345
  }
1342
1346
 
1343
- ._header_1d8l2_25 {
1347
+ ._header_ov76x_26 {
1344
1348
  display: flex;
1345
1349
  align-items: center;
1346
1350
  gap: 0.5rem;
1347
1351
  }
1348
1352
 
1349
- ._content_1d8l2_31 {
1353
+ ._content_ov76x_32 {
1350
1354
  padding-block-start: 1rem;
1351
1355
  padding-block-end: 0.25rem;
1352
- }._hr_1g58p_1 {
1353
- margin: 0;
1356
+ }._hr_b790w_1 {
1357
+ margin-block: var(--margin-block, 0);
1354
1358
  width: 100%;
1355
1359
  border: none;
1356
1360
  border-bottom: dashed 1px #868e9c;
@@ -1376,16 +1380,16 @@
1376
1380
  ._fragment_1kofp_1:active {
1377
1381
  opacity: 0.5;
1378
1382
  transform: translateX(1px) translateY(1px);
1379
- }._heading-common_16jof_1 {
1380
- margin: 0;
1383
+ }._heading-common_1c1xr_1 {
1381
1384
  position: relative;
1382
1385
  font-size: var(--font-size);
1383
1386
  line-height: var(--font-size);
1384
1387
  opacity: var(--opacity);
1388
+ margin-block: var(--margin-block, 0);
1385
1389
  transition: color 400ms, opacity 800ms;
1386
1390
  }
1387
1391
 
1388
- ._h1_16jof_10::after {
1392
+ ._h1_1c1xr_10::after {
1389
1393
  position: absolute;
1390
1394
  content: "";
1391
1395
  bottom: -4px;
@@ -1396,10 +1400,10 @@
1396
1400
  transition: transform 800ms;
1397
1401
  transform: scaleX(var(--scale));
1398
1402
  }
1399
- [data-theme=dark] ._h1_16jof_10::after {
1403
+ [data-theme=dark] ._h1_1c1xr_10::after {
1400
1404
  background-color: rgba(255, 255, 255, 0.5);
1401
1405
  }
1402
- ._h1_16jof_10::before {
1406
+ ._h1_1c1xr_10::before {
1403
1407
  position: absolute;
1404
1408
  content: "";
1405
1409
  bottom: -6px;
@@ -1411,11 +1415,11 @@
1411
1415
  transform: scaleY(var(--scale));
1412
1416
  transform-origin: top;
1413
1417
  }
1414
- [data-theme=dark] ._h1_16jof_10::before {
1418
+ [data-theme=dark] ._h1_1c1xr_10::before {
1415
1419
  background-color: rgba(255, 255, 255, 0.6);
1416
1420
  }
1417
1421
 
1418
- ._h2_16jof_40::after {
1422
+ ._h2_1c1xr_40::after {
1419
1423
  position: absolute;
1420
1424
  content: "";
1421
1425
  right: 2px;
@@ -1426,10 +1430,10 @@
1426
1430
  transform: skewX(-25deg);
1427
1431
  background-color: rgba(0, 0, 0, 0.8);
1428
1432
  }
1429
- [data-theme=dark] ._h2_16jof_40::after {
1433
+ [data-theme=dark] ._h2_1c1xr_40::after {
1430
1434
  background-color: rgba(255, 255, 255, 0.8);
1431
1435
  }
1432
- ._h2_16jof_40::before {
1436
+ ._h2_1c1xr_40::before {
1433
1437
  position: absolute;
1434
1438
  content: "";
1435
1439
  right: 10px;
@@ -1440,10 +1444,10 @@
1440
1444
  transform: skewX(-25deg);
1441
1445
  background-color: rgba(0, 0, 0, 0.8);
1442
1446
  }
1443
- [data-theme=dark] ._h2_16jof_40::before {
1447
+ [data-theme=dark] ._h2_1c1xr_40::before {
1444
1448
  background-color: rgba(255, 255, 255, 0.8);
1445
1449
  }
1446
- ._h2__underline_16jof_68 {
1450
+ ._h2__underline_1c1xr_68 {
1447
1451
  overflow: hidden;
1448
1452
  position: absolute;
1449
1453
  content: "";
@@ -1456,15 +1460,15 @@
1456
1460
  transform: scaleX(var(--scale));
1457
1461
  transform-origin: left;
1458
1462
  }
1459
- [data-theme=dark] ._h2__underline_16jof_68 {
1463
+ [data-theme=dark] ._h2__underline_1c1xr_68 {
1460
1464
  background-color: rgba(255, 255, 255, 0.5);
1461
1465
  }
1462
1466
 
1463
- ._h3_16jof_85 {
1467
+ ._h3_1c1xr_85 {
1464
1468
  box-sizing: border-box;
1465
1469
  padding-left: 0.75rem;
1466
1470
  }
1467
- ._h3_16jof_85::after {
1471
+ ._h3_1c1xr_85::after {
1468
1472
  position: absolute;
1469
1473
  content: "";
1470
1474
  width: 3px;
@@ -1473,77 +1477,77 @@
1473
1477
  left: 0;
1474
1478
  background-color: rgba(0, 0, 0, 0.5);
1475
1479
  }
1476
- [data-theme=dark] ._h3_16jof_85::after {
1480
+ [data-theme=dark] ._h3_1c1xr_85::after {
1477
1481
  background-color: rgba(255, 255, 255, 0.5);
1478
1482
  }
1479
1483
 
1480
- ._h4_16jof_102 {
1484
+ ._h4_1c1xr_102 {
1481
1485
  position: relative;
1482
1486
  }
1483
1487
 
1484
- ._h5_16jof_106 {
1488
+ ._h5_1c1xr_106 {
1485
1489
  position: relative;
1486
1490
  }
1487
1491
 
1488
- ._h6_16jof_110 {
1492
+ ._h6_1c1xr_110 {
1489
1493
  position: relative;
1490
- }._elmethis-list-common_14epx_1 {
1491
- margin-block: 1rem;
1494
+ }._elmethis-list-common_6g6c5_1 {
1495
+ margin-block: var(--margin-block, 0);
1492
1496
  opacity: var(--opacity);
1493
1497
  transition: opacity 800ms;
1494
1498
  box-sizing: border-box;
1495
1499
  padding-left: 1.25rem;
1496
1500
  }
1497
1501
 
1498
- ._elmethis-bulleted-list_14epx_9 li {
1502
+ ._elmethis-bulleted-list_6g6c5_9 li {
1499
1503
  box-sizing: border-box;
1500
1504
  padding-left: 0.5rem;
1501
1505
  margin-block: 0.75rem;
1502
1506
  }
1503
- ._elmethis-bulleted-list_14epx_9 li::marker {
1507
+ ._elmethis-bulleted-list_6g6c5_9 li::marker {
1504
1508
  content: url("data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMTYgMTYnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICA+CiAgICA8cGF0aAogICAgICBmaWxsPScjNDQ5NzYzJwogICAgICBvcGFjaXR5PScwLjgnCiAgICAgIGQ9J00zIDMuNzMyYTEuNSAxLjUgMCAwIDEgMi4zMDUtMS4yNjVsNi43MDYgNC4yNjdhMS41IDEuNSAwIDAgMSAwIDIuNTMxbC02LjcwNiA0LjI2OEExLjUgMS41IDAgMCAxIDMgMTIuMjY3VjMuNzMyWicKICAgIC8+CiAgPC9zdmc+");
1505
1509
  }
1506
- ._elmethis-bulleted-list_14epx_9 li ul li::marker {
1510
+ ._elmethis-bulleted-list_6g6c5_9 li ul li::marker {
1507
1511
  content: url("data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjQgMjQnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9J3RyYW5zcGFyZW50JwogID4KICAgIDxwYXRoCiAgICAgIHN0cm9rZUxpbmVjYXA9J3JvdW5kJwogICAgICBzdHJva2VMaW5lam9pbj0ncm91bmQnCiAgICAgIGQ9J001LjI1IDUuNjUzYzAtLjg1Ni45MTctMS4zOTggMS42NjctLjk4NmwxMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMSAwIDEuOTcybC0xMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMS0xLjY2Ny0uOTg2VjUuNjUzWicKICAgIC8+CiAgPC9zdmc+");
1508
1512
  }
1509
- ._elmethis-bulleted-list_14epx_9 li ul li ul li::marker {
1513
+ ._elmethis-bulleted-list_6g6c5_9 li ul li ul li::marker {
1510
1514
  content: url("data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjAgMjAnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9JyM0NDk3NjMnCiAgPgogICAgPHBhdGgKICAgICAgZmlsbFJ1bGU9J2V2ZW5vZGQnCiAgICAgIGQ9J004LjIyIDUuMjJhLjc1Ljc1IDAgMCAxIDEuMDYgMGw0LjI1IDQuMjVhLjc1Ljc1IDAgMCAxIDAgMS4wNmwtNC4yNSA0LjI1YS43NS43NSAwIDAgMS0xLjA2LTEuMDZMMTEuOTQgMTAgOC4yMiA2LjI4YS43NS43NSAwIDAgMSAwLTEuMDZaJwogICAgICBjbGlwUnVsZT0nZXZlbm9kZCcKICAgIC8+CiAgPC9zdmc+");
1511
1515
  }
1512
1516
 
1513
- ._elmethis-numbered-list_14epx_24 li {
1517
+ ._elmethis-numbered-list_6g6c5_24 li {
1514
1518
  box-sizing: border-box;
1515
1519
  padding-left: 0.25rem;
1516
1520
  margin-block: 0.75rem;
1517
1521
  margin-left: 0.25rem;
1518
1522
  list-style-type: decimal;
1519
1523
  }
1520
- ._elmethis-numbered-list_14epx_24 li::marker {
1524
+ ._elmethis-numbered-list_6g6c5_24 li::marker {
1521
1525
  font-weight: bold;
1522
1526
  color: #9771bd;
1523
1527
  }
1524
- ._elmethis-numbered-list_14epx_24 li ol li {
1528
+ ._elmethis-numbered-list_6g6c5_24 li ol li {
1525
1529
  list-style-type: lower-alpha;
1526
1530
  }
1527
- ._elmethis-numbered-list_14epx_24 li ol li ol li {
1531
+ ._elmethis-numbered-list_6g6c5_24 li ol li ol li {
1528
1532
  list-style-type: lower-roman;
1529
1533
  }
1530
- ._elmethis-numbered-list_14epx_24 li ol li ol li ol li {
1534
+ ._elmethis-numbered-list_6g6c5_24 li ol li ol li ol li {
1531
1535
  list-style-type: lower-greek;
1532
- }._paragraph_jz10s_1 {
1536
+ }._paragraph_1klqe_1 {
1533
1537
  opacity: var(--opacity, 0);
1534
- opacity: var(--opacity);
1535
1538
  transition: opacity 800ms;
1536
1539
  color: var(--color, #606875);
1537
1540
  background-color: var(--background-color, inherit);
1541
+ margin-block: var(--margin-block, 0);
1538
1542
  }
1539
- ._paragraph_jz10s_1::selection {
1543
+ ._paragraph_1klqe_1::selection {
1540
1544
  color: rgba(255, 255, 255, 0.7);
1541
1545
  background-color: rgba(0, 0, 0, 0.7);
1542
1546
  }
1543
- [data-theme=dark] ._paragraph_jz10s_1 {
1547
+ [data-theme=dark] ._paragraph_1klqe_1 {
1544
1548
  color: rgba(255, 255, 255, 0.7);
1545
1549
  }
1546
- [data-theme=dark] ._paragraph_jz10s_1::selection {
1550
+ [data-theme=dark] ._paragraph_1klqe_1::selection {
1547
1551
  color: rgba(0, 0, 0, 0.7);
1548
1552
  background-color: rgba(255, 255, 255, 0.7);
1549
1553
  }._table_x2nyq_1 {
@@ -1632,13 +1636,7 @@
1632
1636
 
1633
1637
  ._th_1puhv_31 {
1634
1638
  background-color: rgba(128, 128, 128, 0.15);
1635
- }._jarkup-body_1l2bp_1 {
1636
- display: flex;
1637
- flex-direction: column;
1638
- gap: 2rem;
1639
- }
1640
-
1641
- ._column-list_1l2bp_7 {
1639
+ }._column-list_1yujg_1 {
1642
1640
  box-sizing: content-box;
1643
1641
  padding-block: 0.25rem;
1644
1642
  width: 100%;
@@ -1649,12 +1647,12 @@
1649
1647
  overflow: auto;
1650
1648
  }
1651
1649
 
1652
- ._column_1l2bp_7 {
1650
+ ._column_1yujg_1 {
1653
1651
  box-sizing: border-box;
1654
1652
  padding: 0.125rem;
1655
1653
  flex: var(--width-ratio, 1);
1656
1654
  }
1657
- ._column_1l2bp_7 > * + * {
1655
+ ._column_1yujg_1 > * + * {
1658
1656
  margin-block-start: 2em;
1659
1657
  }._markdown-body_11s6o_1 {
1660
1658
  display: flex;
@@ -13,9 +13,6 @@ export interface ElmCodeBlockProps {
13
13
  * If not provided, the language will be used.
14
14
  */
15
15
  caption?: string;
16
- /**
17
- * The margin of the code block.
18
- */
19
- margin?: CSSProperties["margin"];
16
+ style?: CSSProperties;
20
17
  }
21
18
  export declare const ElmCodeBlock: import("@builder.io/qwik").Component<ElmCodeBlockProps>;
@@ -1,7 +1,9 @@
1
+ import { CSSProperties } from "@builder.io/qwik";
1
2
  export interface ElmToggleProps {
2
3
  /**
3
4
  * The summary of the toggle.
4
5
  */
5
6
  summary?: string;
7
+ style?: CSSProperties;
6
8
  }
7
9
  export declare const ElmToggle: import("@builder.io/qwik").Component<ElmToggleProps>;
@@ -1,9 +1,11 @@
1
- import { type Numberish } from "@builder.io/qwik";
1
+ import { CSSProperties, type Numberish } from "@builder.io/qwik";
2
2
  export interface ElmBlockImageProps {
3
3
  /**
4
4
  * Image source URL
5
5
  */
6
6
  src: string;
7
+ srcset?: string;
8
+ sizes?: string;
7
9
  /**
8
10
  * Image alt text
9
11
  */
@@ -12,5 +14,6 @@ export interface ElmBlockImageProps {
12
14
  caption?: string;
13
15
  width?: Numberish;
14
16
  height?: Numberish;
17
+ style?: CSSProperties;
15
18
  }
16
19
  export declare const ElmBlockImage: import("@builder.io/qwik").Component<ElmBlockImageProps>;
@@ -4,6 +4,7 @@ declare const meta: Meta<typeof ElmBlockImage>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof meta>;
6
6
  export declare const Primary: Story;
7
+ export declare const SrcSet: Story;
7
8
  export declare const Svg: Story;
8
9
  export declare const LongAlt: Story;
9
10
  export declare const Invalid: Story;
@@ -1,3 +1,4 @@
1
+ import { CSSProperties } from "@builder.io/qwik";
1
2
  export interface ElmFileProps {
2
3
  /**
3
4
  * The name of the file.
@@ -11,5 +12,6 @@ export interface ElmFileProps {
11
12
  * The size of the file in bytes.
12
13
  */
13
14
  filesize?: string;
15
+ style?: CSSProperties;
14
16
  }
15
17
  export declare const ElmFile: import("@builder.io/qwik").Component<ElmFileProps>;
@@ -1,3 +1,4 @@
1
+ import { CSSProperties } from "@builder.io/qwik";
1
2
  export interface ElmBookmarkProps {
2
3
  /**
3
4
  * The title of the bookmark.
@@ -20,5 +21,6 @@ export interface ElmBookmarkProps {
20
21
  * The URL of the favicon.
21
22
  */
22
23
  favicon?: string;
24
+ style?: CSSProperties;
23
25
  }
24
26
  export declare const ElmBookmark: import("@builder.io/qwik").Component<ElmBookmarkProps>;
@@ -1,5 +1,7 @@
1
+ import { CSSProperties } from "@builder.io/qwik";
1
2
  import type { Component } from "jarkup-ts";
2
3
  export interface ElmJarkupProps {
3
4
  jsonComponents: Component[];
5
+ style?: CSSProperties;
4
6
  }
5
7
  export declare const ElmJarkup: import("@builder.io/qwik").Component<ElmJarkupProps>;
@@ -1,4 +1,6 @@
1
+ import { CSSProperties } from "@builder.io/qwik";
1
2
  export interface ElmMarkdownProps {
2
3
  markdown: string;
4
+ style?: CSSProperties;
3
5
  }
4
6
  export declare const ElmMarkdown: import("@builder.io/qwik").Component<ElmMarkdownProps>;