custom-blocks.css 1.1 KB

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