BUX Component Development Platform

Timestamp 

<div class="bux-timestamp">
    <span class="bux-timestamp__icon"></span>
    <div class="bux-timestamp__details">This page was updated <time datetime="2025-11-25">Tuesday, Nov. 25, 2025</time>.</div>
</div>
 
{# 

Timestamp

Available variables:

- date: String for the timestamp date.

#}

<div class="bux-timestamp">
    <span class="bux-timestamp__icon"></span>
    <div class="bux-timestamp__details">This page was updated <time datetime="{{ date|date('Y-m-d') }}">{{ date|date('l, M. j, Y') }}</time>.</div>
</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
date: 11/25/2025
  • Content: 
    .bux-timestamp {
  display: flex;
  color: $gray-dark-40;
  line-height: $sp-24;
  margin: $sp-12;

  &__icon {
    font-family: $icon;
    margin-right: $sp-8;

    &:before {
      content: "\f2ff";
    }
  }
}
  • URL: /components/raw/timestamp/_timestamp.scss
  • Filesystem Path: src/components/timestamp/_timestamp.scss
  • Size: 214 Bytes

No notes defined.