Cta Variables | Quail Pages

Theme

Base theme variables owned by the Cta architecture Key.

Architecture Key: Cta

--qp-cta-max-width

Choose the maximum horizontal prominence of CTA controls.

--qp-cta-min-height

Choose the minimum interactive height of CTA controls.

--qp-cta-padding-inline

Choose the horizontal emphasis and label breathing room of CTA controls.

--qp-cta-shadow

Choose the resting depth treatment that establishes the primary CTA interaction language.

--qp-cta-shadow--alternate-hover

Choose whether alternate CTAs gain a distinct elevation treatment during interaction.