ChemH-246 | @jdwjdwjdw | Add button grid

[jdwjdwjdw]

READY FOR REVIEW

Summary

• CHEMH-246:Create button style for grid using either Big Button or Secondary Button
• CHEMH-74: Button Grid

Review By (Date)

• When convenient

Urgency

• Normal

Review Tasks

Setup tasks and/or behavior to test

1. Check out this branch
2. Add a basic page with a text area paragraph (one column)
3. In the WYSIWYG, click on Source and add a div with class chemh-button-grid, and then enclose the button links within (works for big button, regular button, and secondary button). For example:

<div class="chemh-button-grid">
    <a class="su-button--big" href="https://example.com">Stanford Sites</a> <a class="su-button--big" href="/research">Faculty Fellows</a> <a class="su-button--big" href="https://sites.stanford.edu/">NIH Grant Training</a> <a class="su-button--big" href="https://sites.stanford.edu/">Stanford</a> <a class="su-button--big" href="https://sites.stanford.edu/">Staff Opportunities</a> <a class="su-button--big" href="https://example.com">Button Button</a> <a class="su-button--big" href="https://sites.stanford.edu/">Arts</a> <a class="su-button--big" href="/research">Diversity Outreach and Opportunities</a> <a class="su-button--big" href="https://example.com">Funding Opportunities</a>
</div>

4. Confirm the button grid looks correct.
5. Review code 🎓

Associated Issues and/or People

• CHEMH-246:Create button style for grid using either Big Button or Secondary Button
• CHEMH-74: Button Grid

[jenbreese]

Looks great. Thank you.