@primer/brand-css 0.76.0-rc.16d4997d → 0.76.0-rc.73295f51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -270,6 +270,7 @@ details[open] > .Accordion__summary .Accordion__summary-toggleIcon {
|
|
|
270
270
|
}
|
|
271
271
|
|
|
272
272
|
.Accordion__content {
|
|
273
|
+
--brand-Accordion-content-offset: 0px; /* we reference this in JS */
|
|
273
274
|
overflow: hidden;
|
|
274
275
|
max-height: 0;
|
|
275
276
|
transition: max-height var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);
|
|
@@ -277,12 +278,14 @@ details[open] > .Accordion__summary .Accordion__summary-toggleIcon {
|
|
|
277
278
|
}
|
|
278
279
|
|
|
279
280
|
.Accordion__content-inner {
|
|
281
|
+
transform: translateY(calc(-1 * var(--brand-Accordion-content-offset)));
|
|
280
282
|
opacity: 0;
|
|
281
283
|
transition: opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);
|
|
282
284
|
}
|
|
283
285
|
|
|
284
286
|
.Accordion--default > .Accordion__content {
|
|
285
|
-
|
|
287
|
+
--brand-Accordion-content-offset: calc(var(--base-size-24) - var(--base-size-6)); /* we reference this in JS */
|
|
288
|
+
top: calc(var(--base-size-4) * -1);
|
|
286
289
|
}
|
|
287
290
|
|
|
288
291
|
.Accordion__summary--default + .Accordion__content > .Accordion__content-inner::before {
|