fix(callouts): set height to entire callout content (#2194)

Emile Bangma

2025-11-06 86a30ad150c6cca4b3c039f1521b159c32e7d3e0

fix(callouts): set height to entire callout content (#2194)

* fix(callouts): set height to entire callout content

* Refactor callout-content to collapse all children simultaneously

* Testing better transition

 quartz/styles/callouts.scss

@@ -123,13 +123,22 @@
      transform: rotateZ(-90deg);
    }

    .callout-content > :first-child {
      transition:
        height 0.1s cubic-bezier(0.02, 0.01, 0.47, 1),
        margin 0.1s cubic-bezier(0.02, 0.01, 0.47, 1);
      overflow-y: clip;
      height: 0;
      margin-top: -1rem;
    .callout-content {
      & > * {
        transition:
          height 0.1s cubic-bezier(0.02, 0.01, 0.47, 1),
          margin 0.1s cubic-bezier(0.02, 0.01, 0.47, 1),
          padding 0.1s cubic-bezier(0.02, 0.01, 0.47, 1);
        overflow-y: clip;
        height: 0;
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0;
      }
      & > :first-child {
        margin-top: -1rem;
      }
    }
  }
}