unlcms / project-herbie

Drupal 10 implementation at the University of Nebraska–Lincoln
https://cms.unl.edu
GNU General Public License v2.0
5 stars 6 forks source link

Component: CTA improvements #396

Closed skoolbus39 closed 10 months ago

skoolbus39 commented 11 months ago

Can we style the CTA like what we have on the home page — no uppercase (to aid with dyslexia) in heading and buttons, optional number of CTA buttons, centered text? This will make it easier to place within any container, grid column, etc and have the same result. We can always revisit Clay's approach at a later time, adding options that might increase the complexity of the layout.

<div class="dcf-bleed dcf-wrapper dcf-d-flex dcf-flex-col dcf-ai-center dcf-pt-8 dcf-pb-8 unl-bg-scarlet">
  <h2 class="dcf-txt-h4 dcf-txt-center unl-cream">We’re here to help you shape the future.</h2>
  <div class="dcf-d-flex dcf-flex-wrap dcf-gap-3" role="group">
    <a class="dcf-btn dcf-btn-inverse-primary" href="https://admissions.unl.edu/visit/">Visit Nebraska</a>
    <a class="dcf-btn dcf-btn-inverse-primary" href="apply">Become a Husker</a>
  </div>
</div>