BUX Component Development Platform

Academic Excellence Factoids: Horizontal 

<div class="bux-factoid--academic-excellence factoid--horizontal">
    <div class="bux-factoid--academic-excellence__frame"></div>

    <h3 class="bux-academic-excellence__did-you-know did-you-know--stacked">
        <span>Did you</span>
        <span class="know">know</span>
    </h3>

    <ul class="bux-factoid bux-animate--reveal-group" data-stagger-step="200" data-stagger-start="0">

        <li class="bux-factoid__item">
            <span class="bux-factoid__stat bux-animate--reveal">
                $293M
            </span>
            <span class="bux-factoid__text">
                Tax revenue generated for local governments
            </span>
        </li>

        <li class="bux-factoid__item">
            <span class="bux-factoid__stat bux-animate--reveal">
                #1
            </span>
            <span class="bux-factoid__text">
                Bachelor of Nursing program among public universities
            </span>
        </li>
    </ul>

</div>
 
{#

Academic Excellence Factoids

Available variables:

- variant:       Layout variant, either "horizontal" or "vertical".
- items:         Array containing the factoid list items.
  - item.stat:     Statistic for the item.
  - item.text:     Descriptive text for the item.
- animate:       Set to true to enable animations.
- heading_level: [optional] Heading level for the 'DID YOU KNOW?' heading (default is 3 if not specified).

#}

<div class="bux-factoid--academic-excellence{% if variant == "horizontal" %} factoid--horizontal{% elseif variant == "vertical" %} factoid--vertical{% endif %}">
  {% if variant == "horizontal" %}
    <div class="bux-factoid--academic-excellence__frame"></div>
  {% endif %}

	{% include "@academic-excellence-did-you-know" with {
    heading_level: heading_level
  } only %}

  {% include "@factoid" with {
    items: items,
    animate: animate,
  } %}

</div>
 
site_name_prefix: Office of
site_name: Learning Relations Excellence
site_slogan: Additional text or site slogan
address_1: 100 Building Name
address_2: 1 Oval Mall
city: Columbus
state: OH
zip: '43210'
contact_email: email@osu.edu
contact_phone: 614-292-OHIO
contact_tty: 614-688-8605
animate: true
variant: horizontal
items:
  - stat: $293M
    text: Tax revenue generated for local governments
  - stat: '#1'
    text: Bachelor of Nursing program among public universities

No notes defined.