custom-blocks.css 1.1 KB

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