Revision | 132 (tree) |
---|---|
Time | 2023-01-28 17:18:32 |
Author | ![]() |
0.9.3
同梱の samples を修正しました。
@@ -12,6 +12,10 @@ | ||
12 | 12 | .markdown dl.info > dt, |
13 | 13 | .markdown dl.warning > dt, |
14 | 14 | .markdown dl.caution > dt, |
15 | + .markdown dl.primary > dt, | |
16 | + .markdown dl.primary-variant > dt, | |
17 | + .markdown dl.secondary > dt, | |
18 | + .markdown dl.secondary-variant > dt, | |
15 | 19 | .markdown .button { |
16 | 20 | white-space: normal !important; |
17 | 21 | } |
@@ -29,6 +33,11 @@ | ||
29 | 33 | line-height: 1.75rem; |
30 | 34 | } |
31 | 35 | |
36 | +.markdown .cancel-padding { | |
37 | + margin-inline-start: calc(0px - var(--content-padding-left) - var(--content-padding-left-adjust)); | |
38 | + margin-inline-end: calc(0px - var(--content-padding-right) - var(--content-padding-right-adjust)); | |
39 | +} | |
40 | + | |
32 | 41 | /* |
33 | 42 | * パラグラフ(段落) |
34 | 43 | */ |
@@ -198,6 +207,7 @@ | ||
198 | 207 | content: url('data:image/svg+xml;utf8,<svg width="1em" height="1em" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="checkbox"><path d="M448,160C448,142.339 433.661,128 416,128L96,128C78.339,128 64,142.339 64,160L64,480C64,497.661 78.339,512 96,512L416,512C433.661,512 448,497.661 448,480L448,160ZM416,168C416,163.585 412.415,160 408,160L104,160C99.585,160 96,163.585 96,168L96,472C96,476.415 99.585,480 104,480L408,480C412.415,480 416,476.415 416,472L416,168Z" style="fill:rgb(153,153,153);"/></g></svg>') "\2003"; |
199 | 208 | } |
200 | 209 | |
210 | + | |
201 | 211 | /* |
202 | 212 | * ファイルツリー |
203 | 213 | * 箇条書きリスト先頭の * の次に {.tree} を付与するとファイルツリーになります。 |
@@ -386,7 +396,11 @@ | ||
386 | 396 | .markdown dl.tip, |
387 | 397 | .markdown dl.info, |
388 | 398 | .markdown dl.warning, |
389 | -.markdown dl.caution { | |
399 | +.markdown dl.caution, | |
400 | +.markdown dl.primary, | |
401 | +.markdown dl.primary-variant, | |
402 | +.markdown dl.secondary, | |
403 | +.markdown dl.secondary-variant { | |
390 | 404 | position: relative; |
391 | 405 | display: table; |
392 | 406 | margin-block-start: var(--default-margin-block-start); |
@@ -398,29 +412,45 @@ | ||
398 | 412 | .markdown dl.tip.has-term, |
399 | 413 | .markdown dl.info.has-term, |
400 | 414 | .markdown dl.warning.has-term, |
401 | -.markdown dl.caution.has-term { | |
415 | +.markdown dl.caution.has-term, | |
416 | +.markdown dl.primary.has-term, | |
417 | +.markdown dl.primary-variant.has-term, | |
418 | +.markdown dl.secondary.has-term, | |
419 | +.markdown dl.secondary-variant.has-term { | |
402 | 420 | margin-block-start: calc(1.5em + var(--default-margin-block-start)); |
403 | 421 | } |
404 | -.markdown dl.note.mx-auto, | |
405 | -.markdown dl.tip.mx-auto, | |
406 | -.markdown dl.info.mx-auto, | |
407 | -.markdown dl.warning.mx-auto, | |
408 | -.markdown dl.caution.mx-auto { | |
422 | +.markdown dl.note.mx-auto, .markdown dl.note.center, | |
423 | +.markdown dl.tip.mx-auto, .markdown dl.tip.center, | |
424 | +.markdown dl.info.mx-auto, .markdown dl.info.center, | |
425 | +.markdown dl.warning.mx-auto, .markdown dl.warning.center, | |
426 | +.markdown dl.caution.mx-auto, .markdown dl.caution.center, | |
427 | +.markdown dl.primary.mx-auto, .markdown dl.primary.center, | |
428 | +.markdown dl.primary-variant.mx-auto, .markdown dl.primary-variant.center, | |
429 | +.markdown dl.secondary.mx-auto, .markdown dl.secondary.center, | |
430 | +.markdown dl.secondary-variant.mx-auto, .markdown dl.secondary-variant.center { | |
409 | 431 | margin-inline-start: auto; |
410 | 432 | margin-inline-end: auto; |
411 | 433 | } |
412 | -.markdown dl.note.ml-auto, | |
413 | -.markdown dl.tip.ml-auto, | |
414 | -.markdown dl.info.ml-auto, | |
415 | -.markdown dl.warning.ml-auto, | |
416 | -.markdown dl.caution.ml-auto { | |
434 | +.markdown dl.note.ml-auto, .markdown dl.note.right, | |
435 | +.markdown dl.tip.ml-auto, .markdown dl.tip.right, | |
436 | +.markdown dl.info.ml-auto, .markdown dl.info.right, | |
437 | +.markdown dl.warning.ml-auto, .markdown dl.warning.right, | |
438 | +.markdown dl.caution.ml-auto, .markdown dl.caution.right, | |
439 | +.markdown dl.primary.ml-auto, .markdown dl.primary.right, | |
440 | +.markdown dl.primary-variant.ml-auto, .markdown dl.primary-variant.right, | |
441 | +.markdown dl.secondary.ml-auto, .markdown dl.secondary.right, | |
442 | +.markdown dl.secondary-variant.ml-auto, .markdown dl.secondary-variant.right { | |
417 | 443 | margin-inline-start: auto; |
418 | 444 | } |
419 | -.markdown dl.note.mr-auto, | |
420 | -.markdown dl.tip.mr-auto, | |
421 | -.markdown dl.info.mr-auto, | |
422 | -.markdown dl.warning.mr-auto, | |
423 | -.markdown dl.caution.mr-auto { | |
445 | +.markdown dl.note.mr-auto, .markdown dl.note.left, | |
446 | +.markdown dl.tip.mr-auto, .markdown dl.tip.left, | |
447 | +.markdown dl.info.mr-auto, .markdown dl.info.left, | |
448 | +.markdown dl.warning.mr-auto, .markdown dl.warning.left, | |
449 | +.markdown dl.caution.mr-auto, .markdown dl.caution.left, | |
450 | +.markdown dl.primary.mr-auto, .markdown dl.primary.left, | |
451 | +.markdown dl.primary-variant.mr-auto, .markdown dl.primary-variant.left, | |
452 | +.markdown dl.secondary.mr-auto, .markdown dl.secondary.left, | |
453 | +.markdown dl.secondary-variant.mr-auto, .markdown dl.secondary-variant.left { | |
424 | 454 | margin-inline-end: auto; |
425 | 455 | } |
426 | 456 | .markdown dl.note > dt, |
@@ -427,7 +457,11 @@ | ||
427 | 457 | .markdown dl.tip > dt, |
428 | 458 | .markdown dl.info > dt, |
429 | 459 | .markdown dl.warning > dt, |
430 | -.markdown dl.caution > dt { | |
460 | +.markdown dl.caution > dt, | |
461 | +.markdown dl.primary > dt, | |
462 | +.markdown dl.primary-variant > dt, | |
463 | +.markdown dl.secondary > dt, | |
464 | +.markdown dl.secondary-variant > dt { | |
431 | 465 | position: absolute; |
432 | 466 | display: inline-block; |
433 | 467 | margin-block-start: 1em; |
@@ -445,7 +479,11 @@ | ||
445 | 479 | .markdown dl.tip > dt:empty, |
446 | 480 | .markdown dl.info > dt:empty, |
447 | 481 | .markdown dl.warning > dt:empty, |
448 | -.markdown dl.caution > dt:empty { | |
482 | +.markdown dl.caution > dt:empty, | |
483 | +.markdown dl.primary > dt:empty, | |
484 | +.markdown dl.primary-variant > dt:empty, | |
485 | +.markdown dl.secondary > dt:empty, | |
486 | +.markdown dl.secondary-variant > dt:empty { | |
449 | 487 | display: none; |
450 | 488 | } |
451 | 489 | .markdown dl.note > dd, |
@@ -452,7 +490,11 @@ | ||
452 | 490 | .markdown dl.tip > dd, |
453 | 491 | .markdown dl.info > dd, |
454 | 492 | .markdown dl.warning > dd, |
455 | -.markdown dl.caution > dd { | |
493 | +.markdown dl.caution > dd, | |
494 | +.markdown dl.primary > dd, | |
495 | +.markdown dl.primary-variant > dd, | |
496 | +.markdown dl.secondary > dd, | |
497 | +.markdown dl.secondary-variant > dd { | |
456 | 498 | margin: 0; |
457 | 499 | padding: 1em; |
458 | 500 | } |
@@ -460,7 +502,11 @@ | ||
460 | 502 | .markdown dl.tip.has-term > dd, |
461 | 503 | .markdown dl.info.has-term > dd, |
462 | 504 | .markdown dl.warning.has-term > dd, |
463 | -.markdown dl.caution.has-term > dd { | |
505 | +.markdown dl.caution.has-term > dd, | |
506 | +.markdown dl.primary.has-term > dd, | |
507 | +.markdown dl.primary-variant.has-term > dd, | |
508 | +.markdown dl.secondary.has-term > dd, | |
509 | +.markdown dl.secondary-variant.has-term > dd { | |
464 | 510 | padding-block-start: 1.75em; |
465 | 511 | } |
466 | 512 | .markdown dl.deg-0 > dt { |
@@ -504,6 +550,9 @@ | ||
504 | 550 | .markdown dl.note > dt:empty + dd { |
505 | 551 | border-left: 0.5em solid hsl(300, 48%, 32%); |
506 | 552 | } |
553 | +.markdown dl.note li::marker { | |
554 | + color: #985B97; | |
555 | +} | |
507 | 556 | .markdown dl.tip { |
508 | 557 | color: #006D10; |
509 | 558 | background-color: hsl(153, 99%, 96%); |
@@ -515,6 +564,9 @@ | ||
515 | 564 | .markdown dl.tip > dt:empty + dd { |
516 | 565 | border-left: 0.5em solid hsl(153, 99%, 29%); |
517 | 566 | } |
567 | +.markdown dl.tip li::marker { | |
568 | + color: #77BC7B; | |
569 | +} | |
518 | 570 | .markdown dl.info { |
519 | 571 | color: #003B73; |
520 | 572 | background-color: hsl(210, 99%, 96%); |
@@ -526,6 +578,9 @@ | ||
526 | 578 | .markdown dl.info > dt:empty + dd { |
527 | 579 | border-left: 0.5em solid hsl(210, 99%, 31%); |
528 | 580 | } |
581 | +.markdown dl.info li::marker { | |
582 | + color: #287DC0; | |
583 | +} | |
529 | 584 | .markdown dl.warning { |
530 | 585 | color: #B46D01; |
531 | 586 | background-color: hsl(36, 98%, 96%); |
@@ -537,6 +592,9 @@ | ||
537 | 592 | .markdown dl.warning > dt:empty + dd { |
538 | 593 | border-left: 0.5em solid hsl(36, 98%, 51%); |
539 | 594 | } |
595 | +.markdown dl.warning li::marker { | |
596 | + color: #F9A743; | |
597 | +} | |
540 | 598 | .markdown dl.caution { |
541 | 599 | color: #A60026; |
542 | 600 | background-color: hsl(344, 100%, 96%); |
@@ -548,6 +606,53 @@ | ||
548 | 606 | .markdown dl.caution > dt:empty + dd { |
549 | 607 | border-left: 0.5em solid hsl(344, 100%, 45%); |
550 | 608 | } |
609 | +.markdown dl.caution li::marker { | |
610 | + color: #F0675F; | |
611 | +} | |
612 | +.markdown dl.primary { | |
613 | + color: #333; | |
614 | + background-color: hsl(0, 0%, 96%); | |
615 | +} | |
616 | +.markdown dl.primary > dt { | |
617 | + color: var(--text-white-color); | |
618 | + background-color: var(--primary-color); | |
619 | +} | |
620 | +.markdown dl.primary > dt:empty + dd { | |
621 | + border-left: 0.5em solid var(--primary-color); | |
622 | +} | |
623 | +.markdown dl.primary-variant { | |
624 | + color: #333; | |
625 | + background-color: hsl(0, 0%, 96%); | |
626 | +} | |
627 | +.markdown dl.primary-variant > dt { | |
628 | + color: var(--text-white-color); | |
629 | + background-color: var(--primary-variant-color); | |
630 | +} | |
631 | +.markdown dl.primary-variant > dt:empty + dd { | |
632 | + border-left: 0.5em solid var(--primary-variant-color); | |
633 | +} | |
634 | +.markdown dl.secondary { | |
635 | + color: #333; | |
636 | + background-color: hsl(0, 0%, 96%); | |
637 | +} | |
638 | +.markdown dl.secondary > dt { | |
639 | + color: var(--text-white-color); | |
640 | + background-color: var(--secondary-color); | |
641 | +} | |
642 | +.markdown dl.secondary > dt:empty + dd { | |
643 | + border-left: 0.5em solid var(--secondary-color); | |
644 | +} | |
645 | +.markdown dl.secondary-variant { | |
646 | + color: #333; | |
647 | + background-color: hsl(0, 0%, 96%); | |
648 | +} | |
649 | +.markdown dl.secondary-variant > dt { | |
650 | + color: var(--text-white-color); | |
651 | + background-color: var(--secondary-variant-color); | |
652 | +} | |
653 | +.markdown dl.secondary-variant > dt:empty + dd { | |
654 | + border-left: 0.5em solid var(--secondary-variant-color); | |
655 | +} | |
551 | 656 | |
552 | 657 | |
553 | 658 | /* |
@@ -900,6 +1005,34 @@ | ||
900 | 1005 | width: 176px; |
901 | 1006 | height: 0; |
902 | 1007 | } |
1008 | +.markdown p.card.landscape a > img + em span[style*="font-family:catalpa"], | |
1009 | +.markdown p.card.landscape a > img + em span[style="font-family:monospace;font-size:50%;"] | |
1010 | +{ | |
1011 | + display: none; | |
1012 | +} | |
1013 | +@media screen and (max-width: 500px) { | |
1014 | + .markdown p.card.landscape a { | |
1015 | + display: flex; | |
1016 | + width: calc(100vw - 2em); | |
1017 | + } | |
1018 | + .markdown p.card.landscape a > img { | |
1019 | + border-radius: 4px 0 0 4px; | |
1020 | + width: 128px; | |
1021 | + height: 80px; | |
1022 | + } | |
1023 | + .markdown p.card.landscape a > img + em { | |
1024 | + display: flex; | |
1025 | + align-items: center; | |
1026 | + width: 100%; | |
1027 | + height: 80px; | |
1028 | + padding: 0 0 0 0.75em; | |
1029 | + text-align: left; | |
1030 | + } | |
1031 | + .markdown p.card.landscape a > img + em br | |
1032 | + { | |
1033 | + display: none; | |
1034 | + } | |
1035 | +} | |
903 | 1036 | |
904 | 1037 | |
905 | 1038 | /* |
@@ -12,6 +12,10 @@ | ||
12 | 12 | .markdown dl.info > dt, |
13 | 13 | .markdown dl.warning > dt, |
14 | 14 | .markdown dl.caution > dt, |
15 | + .markdown dl.primary > dt, | |
16 | + .markdown dl.primary-variant > dt, | |
17 | + .markdown dl.secondary > dt, | |
18 | + .markdown dl.secondary-variant > dt, | |
15 | 19 | .markdown .button { |
16 | 20 | white-space: normal !important; |
17 | 21 | } |
@@ -29,6 +33,11 @@ | ||
29 | 33 | line-height: 1.75rem; |
30 | 34 | } |
31 | 35 | |
36 | +.markdown .cancel-padding { | |
37 | + margin-inline-start: calc(0px - var(--content-padding-left) - var(--content-padding-left-adjust)); | |
38 | + margin-inline-end: calc(0px - var(--content-padding-right) - var(--content-padding-right-adjust)); | |
39 | +} | |
40 | + | |
32 | 41 | /* |
33 | 42 | * パラグラフ(段落) |
34 | 43 | */ |
@@ -198,6 +207,7 @@ | ||
198 | 207 | content: url('data:image/svg+xml;utf8,<svg width="1em" height="1em" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="checkbox"><path d="M448,160C448,142.339 433.661,128 416,128L96,128C78.339,128 64,142.339 64,160L64,480C64,497.661 78.339,512 96,512L416,512C433.661,512 448,497.661 448,480L448,160ZM416,168C416,163.585 412.415,160 408,160L104,160C99.585,160 96,163.585 96,168L96,472C96,476.415 99.585,480 104,480L408,480C412.415,480 416,476.415 416,472L416,168Z" style="fill:rgb(153,153,153);"/></g></svg>') "\2003"; |
199 | 208 | } |
200 | 209 | |
210 | + | |
201 | 211 | /* |
202 | 212 | * ファイルツリー |
203 | 213 | * 箇条書きリスト先頭の * の次に {.tree} を付与するとファイルツリーになります。 |
@@ -386,7 +396,11 @@ | ||
386 | 396 | .markdown dl.tip, |
387 | 397 | .markdown dl.info, |
388 | 398 | .markdown dl.warning, |
389 | -.markdown dl.caution { | |
399 | +.markdown dl.caution, | |
400 | +.markdown dl.primary, | |
401 | +.markdown dl.primary-variant, | |
402 | +.markdown dl.secondary, | |
403 | +.markdown dl.secondary-variant { | |
390 | 404 | position: relative; |
391 | 405 | display: table; |
392 | 406 | margin-block-start: var(--default-margin-block-start); |
@@ -398,29 +412,45 @@ | ||
398 | 412 | .markdown dl.tip.has-term, |
399 | 413 | .markdown dl.info.has-term, |
400 | 414 | .markdown dl.warning.has-term, |
401 | -.markdown dl.caution.has-term { | |
415 | +.markdown dl.caution.has-term, | |
416 | +.markdown dl.primary.has-term, | |
417 | +.markdown dl.primary-variant.has-term, | |
418 | +.markdown dl.secondary.has-term, | |
419 | +.markdown dl.secondary-variant.has-term { | |
402 | 420 | margin-block-start: calc(1.5em + var(--default-margin-block-start)); |
403 | 421 | } |
404 | -.markdown dl.note.mx-auto, | |
405 | -.markdown dl.tip.mx-auto, | |
406 | -.markdown dl.info.mx-auto, | |
407 | -.markdown dl.warning.mx-auto, | |
408 | -.markdown dl.caution.mx-auto { | |
422 | +.markdown dl.note.mx-auto, .markdown dl.note.center, | |
423 | +.markdown dl.tip.mx-auto, .markdown dl.tip.center, | |
424 | +.markdown dl.info.mx-auto, .markdown dl.info.center, | |
425 | +.markdown dl.warning.mx-auto, .markdown dl.warning.center, | |
426 | +.markdown dl.caution.mx-auto, .markdown dl.caution.center, | |
427 | +.markdown dl.primary.mx-auto, .markdown dl.primary.center, | |
428 | +.markdown dl.primary-variant.mx-auto, .markdown dl.primary-variant.center, | |
429 | +.markdown dl.secondary.mx-auto, .markdown dl.secondary.center, | |
430 | +.markdown dl.secondary-variant.mx-auto, .markdown dl.secondary-variant.center { | |
409 | 431 | margin-inline-start: auto; |
410 | 432 | margin-inline-end: auto; |
411 | 433 | } |
412 | -.markdown dl.note.ml-auto, | |
413 | -.markdown dl.tip.ml-auto, | |
414 | -.markdown dl.info.ml-auto, | |
415 | -.markdown dl.warning.ml-auto, | |
416 | -.markdown dl.caution.ml-auto { | |
434 | +.markdown dl.note.ml-auto, .markdown dl.note.right, | |
435 | +.markdown dl.tip.ml-auto, .markdown dl.tip.right, | |
436 | +.markdown dl.info.ml-auto, .markdown dl.info.right, | |
437 | +.markdown dl.warning.ml-auto, .markdown dl.warning.right, | |
438 | +.markdown dl.caution.ml-auto, .markdown dl.caution.right, | |
439 | +.markdown dl.primary.ml-auto, .markdown dl.primary.right, | |
440 | +.markdown dl.primary-variant.ml-auto, .markdown dl.primary-variant.right, | |
441 | +.markdown dl.secondary.ml-auto, .markdown dl.secondary.right, | |
442 | +.markdown dl.secondary-variant.ml-auto, .markdown dl.secondary-variant.right { | |
417 | 443 | margin-inline-start: auto; |
418 | 444 | } |
419 | -.markdown dl.note.mr-auto, | |
420 | -.markdown dl.tip.mr-auto, | |
421 | -.markdown dl.info.mr-auto, | |
422 | -.markdown dl.warning.mr-auto, | |
423 | -.markdown dl.caution.mr-auto { | |
445 | +.markdown dl.note.mr-auto, .markdown dl.note.left, | |
446 | +.markdown dl.tip.mr-auto, .markdown dl.tip.left, | |
447 | +.markdown dl.info.mr-auto, .markdown dl.info.left, | |
448 | +.markdown dl.warning.mr-auto, .markdown dl.warning.left, | |
449 | +.markdown dl.caution.mr-auto, .markdown dl.caution.left, | |
450 | +.markdown dl.primary.mr-auto, .markdown dl.primary.left, | |
451 | +.markdown dl.primary-variant.mr-auto, .markdown dl.primary-variant.left, | |
452 | +.markdown dl.secondary.mr-auto, .markdown dl.secondary.left, | |
453 | +.markdown dl.secondary-variant.mr-auto, .markdown dl.secondary-variant.left { | |
424 | 454 | margin-inline-end: auto; |
425 | 455 | } |
426 | 456 | .markdown dl.note > dt, |
@@ -427,7 +457,11 @@ | ||
427 | 457 | .markdown dl.tip > dt, |
428 | 458 | .markdown dl.info > dt, |
429 | 459 | .markdown dl.warning > dt, |
430 | -.markdown dl.caution > dt { | |
460 | +.markdown dl.caution > dt, | |
461 | +.markdown dl.primary > dt, | |
462 | +.markdown dl.primary-variant > dt, | |
463 | +.markdown dl.secondary > dt, | |
464 | +.markdown dl.secondary-variant > dt { | |
431 | 465 | position: absolute; |
432 | 466 | display: inline-block; |
433 | 467 | margin-block-start: 1em; |
@@ -445,7 +479,11 @@ | ||
445 | 479 | .markdown dl.tip > dt:empty, |
446 | 480 | .markdown dl.info > dt:empty, |
447 | 481 | .markdown dl.warning > dt:empty, |
448 | -.markdown dl.caution > dt:empty { | |
482 | +.markdown dl.caution > dt:empty, | |
483 | +.markdown dl.primary > dt:empty, | |
484 | +.markdown dl.primary-variant > dt:empty, | |
485 | +.markdown dl.secondary > dt:empty, | |
486 | +.markdown dl.secondary-variant > dt:empty { | |
449 | 487 | display: none; |
450 | 488 | } |
451 | 489 | .markdown dl.note > dd, |
@@ -452,7 +490,11 @@ | ||
452 | 490 | .markdown dl.tip > dd, |
453 | 491 | .markdown dl.info > dd, |
454 | 492 | .markdown dl.warning > dd, |
455 | -.markdown dl.caution > dd { | |
493 | +.markdown dl.caution > dd, | |
494 | +.markdown dl.primary > dd, | |
495 | +.markdown dl.primary-variant > dd, | |
496 | +.markdown dl.secondary > dd, | |
497 | +.markdown dl.secondary-variant > dd { | |
456 | 498 | margin: 0; |
457 | 499 | padding: 1em; |
458 | 500 | } |
@@ -460,7 +502,11 @@ | ||
460 | 502 | .markdown dl.tip.has-term > dd, |
461 | 503 | .markdown dl.info.has-term > dd, |
462 | 504 | .markdown dl.warning.has-term > dd, |
463 | -.markdown dl.caution.has-term > dd { | |
505 | +.markdown dl.caution.has-term > dd, | |
506 | +.markdown dl.primary.has-term > dd, | |
507 | +.markdown dl.primary-variant.has-term > dd, | |
508 | +.markdown dl.secondary.has-term > dd, | |
509 | +.markdown dl.secondary-variant.has-term > dd { | |
464 | 510 | padding-block-start: 1.75em; |
465 | 511 | } |
466 | 512 | .markdown dl.deg-0 > dt { |
@@ -504,6 +550,9 @@ | ||
504 | 550 | .markdown dl.note > dt:empty + dd { |
505 | 551 | border-left: 0.5em solid hsl(300, 48%, 32%); |
506 | 552 | } |
553 | +.markdown dl.note li::marker { | |
554 | + color: #985B97; | |
555 | +} | |
507 | 556 | .markdown dl.tip { |
508 | 557 | color: #006D10; |
509 | 558 | background-color: hsl(153, 99%, 96%); |
@@ -515,6 +564,9 @@ | ||
515 | 564 | .markdown dl.tip > dt:empty + dd { |
516 | 565 | border-left: 0.5em solid hsl(153, 99%, 29%); |
517 | 566 | } |
567 | +.markdown dl.tip li::marker { | |
568 | + color: #77BC7B; | |
569 | +} | |
518 | 570 | .markdown dl.info { |
519 | 571 | color: #003B73; |
520 | 572 | background-color: hsl(210, 99%, 96%); |
@@ -526,6 +578,9 @@ | ||
526 | 578 | .markdown dl.info > dt:empty + dd { |
527 | 579 | border-left: 0.5em solid hsl(210, 99%, 31%); |
528 | 580 | } |
581 | +.markdown dl.info li::marker { | |
582 | + color: #287DC0; | |
583 | +} | |
529 | 584 | .markdown dl.warning { |
530 | 585 | color: #B46D01; |
531 | 586 | background-color: hsl(36, 98%, 96%); |
@@ -537,6 +592,9 @@ | ||
537 | 592 | .markdown dl.warning > dt:empty + dd { |
538 | 593 | border-left: 0.5em solid hsl(36, 98%, 51%); |
539 | 594 | } |
595 | +.markdown dl.warning li::marker { | |
596 | + color: #F9A743; | |
597 | +} | |
540 | 598 | .markdown dl.caution { |
541 | 599 | color: #A60026; |
542 | 600 | background-color: hsl(344, 100%, 96%); |
@@ -548,6 +606,53 @@ | ||
548 | 606 | .markdown dl.caution > dt:empty + dd { |
549 | 607 | border-left: 0.5em solid hsl(344, 100%, 45%); |
550 | 608 | } |
609 | +.markdown dl.caution li::marker { | |
610 | + color: #F0675F; | |
611 | +} | |
612 | +.markdown dl.primary { | |
613 | + color: #333; | |
614 | + background-color: hsl(0, 0%, 96%); | |
615 | +} | |
616 | +.markdown dl.primary > dt { | |
617 | + color: var(--text-white-color); | |
618 | + background-color: var(--primary-color); | |
619 | +} | |
620 | +.markdown dl.primary > dt:empty + dd { | |
621 | + border-left: 0.5em solid var(--primary-color); | |
622 | +} | |
623 | +.markdown dl.primary-variant { | |
624 | + color: #333; | |
625 | + background-color: hsl(0, 0%, 96%); | |
626 | +} | |
627 | +.markdown dl.primary-variant > dt { | |
628 | + color: var(--text-white-color); | |
629 | + background-color: var(--primary-variant-color); | |
630 | +} | |
631 | +.markdown dl.primary-variant > dt:empty + dd { | |
632 | + border-left: 0.5em solid var(--primary-variant-color); | |
633 | +} | |
634 | +.markdown dl.secondary { | |
635 | + color: #333; | |
636 | + background-color: hsl(0, 0%, 96%); | |
637 | +} | |
638 | +.markdown dl.secondary > dt { | |
639 | + color: var(--text-white-color); | |
640 | + background-color: var(--secondary-color); | |
641 | +} | |
642 | +.markdown dl.secondary > dt:empty + dd { | |
643 | + border-left: 0.5em solid var(--secondary-color); | |
644 | +} | |
645 | +.markdown dl.secondary-variant { | |
646 | + color: #333; | |
647 | + background-color: hsl(0, 0%, 96%); | |
648 | +} | |
649 | +.markdown dl.secondary-variant > dt { | |
650 | + color: var(--text-white-color); | |
651 | + background-color: var(--secondary-variant-color); | |
652 | +} | |
653 | +.markdown dl.secondary-variant > dt:empty + dd { | |
654 | + border-left: 0.5em solid var(--secondary-variant-color); | |
655 | +} | |
551 | 656 | |
552 | 657 | |
553 | 658 | /* |
@@ -900,6 +1005,34 @@ | ||
900 | 1005 | width: 176px; |
901 | 1006 | height: 0; |
902 | 1007 | } |
1008 | +.markdown p.card.landscape a > img + em span[style*="font-family:catalpa"], | |
1009 | +.markdown p.card.landscape a > img + em span[style="font-family:monospace;font-size:50%;"] | |
1010 | +{ | |
1011 | + display: none; | |
1012 | +} | |
1013 | +@media screen and (max-width: 500px) { | |
1014 | + .markdown p.card.landscape a { | |
1015 | + display: flex; | |
1016 | + width: calc(100vw - 2em); | |
1017 | + } | |
1018 | + .markdown p.card.landscape a > img { | |
1019 | + border-radius: 4px 0 0 4px; | |
1020 | + width: 128px; | |
1021 | + height: 80px; | |
1022 | + } | |
1023 | + .markdown p.card.landscape a > img + em { | |
1024 | + display: flex; | |
1025 | + align-items: center; | |
1026 | + width: 100%; | |
1027 | + height: 80px; | |
1028 | + padding: 0 0 0 0.75em; | |
1029 | + text-align: left; | |
1030 | + } | |
1031 | + .markdown p.card.landscape a > img + em br | |
1032 | + { | |
1033 | + display: none; | |
1034 | + } | |
1035 | +} | |
903 | 1036 | |
904 | 1037 | |
905 | 1038 | /* |