custom-blocks.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. .custom-block.tip,
  2. .custom-block.info,
  3. .custom-block.warning,
  4. .custom-block.danger {
  5. margin: 1rem 0;
  6. border-left: 0.5rem solid;
  7. padding: 0.1rem 1.5rem;
  8. overflow-x: auto;
  9. }
  10. .custom-block.tip {
  11. background-color: #f3f5f7;
  12. border-color: var(--c-brand);
  13. }
  14. .custom-block.info {
  15. background-color: #f3f5f7;
  16. border-color: var(--c-text-light-2);
  17. }
  18. .custom-block.warning {
  19. border-color: #e7c000;
  20. color: #6b5900;
  21. background-color: rgba(255, 229, 100, 0.3);
  22. }
  23. .custom-block.warning .custom-block-title {
  24. color: #b29400;
  25. }
  26. .custom-block.warning a {
  27. color: var(--c-text);
  28. }
  29. .custom-block.danger {
  30. border-color: #c00;
  31. color: #4d0000;
  32. background-color: #ffe6e6;
  33. }
  34. .custom-block.danger .custom-block-title {
  35. color: #900;
  36. }
  37. .custom-block.danger a {
  38. color: var(--c-text);
  39. }
  40. .custom-block.details {
  41. position: relative;
  42. display: block;
  43. border-radius: 2px;
  44. margin: 1.6em 0;
  45. padding: 1.6em;
  46. background-color: #eee;
  47. }
  48. .custom-block.details h4 {
  49. margin-top: 0;
  50. }
  51. .custom-block.details figure:last-child,
  52. .custom-block.details p:last-child {
  53. margin-bottom: 0;
  54. padding-bottom: 0;
  55. }
  56. .custom-block.details summary {
  57. outline: none;
  58. cursor: pointer;
  59. }
  60. .custom-block-title {
  61. margin-bottom: -0.4rem;
  62. font-weight: 600;
  63. }