Block stat table
<div class="block-stat-table">
<div class="block-stat-table-head">
<div class="block-stat-table-header is-left is-primary">Page URLs</div>
<div class="block-stat-table-header">Unique</div>
<div class="block-stat-table-header">Page Views</div>
<div class="block-stat-table-header">Bounce Rate</div>
<div class="block-stat-table-header">Total Visits</div>
<div class="block-stat-table-header">Visit Duration</div>
</div>
<div class="block-stat-table-body">
<div class="block-stat-table-row">
<div class="block-stat-table-cell is-left is-primary">
<a href="">/home</a>
<div class="block-stat-table-indicator" style="width: 100%"></div>
</div>
<div class="block-stat-table-cell">100k</div>
<div class="block-stat-table-cell">1M</div>
<div class="block-stat-table-cell">40%</div>
<div class="block-stat-table-cell">400k</div>
<div class="block-stat-table-cell">1m 30s</div>
</div>
<div class="block-stat-table-row">
<div class="block-stat-table-cell is-left is-primary">
<a href="">/about</a>
<div class="block-stat-table-indicator" style="width: 70%"></div>
</div>
<div class="block-stat-table-cell">70k</div>
<div class="block-stat-table-cell">1M</div>
<div class="block-stat-table-cell">40%</div>
<div class="block-stat-table-cell">400k</div>
<div class="block-stat-table-cell">1m 30s</div>
</div>
<div class="block-stat-table-row">
<div class="block-stat-table-cell is-left is-primary">
<a href="">/contact</a>
<div class="block-stat-table-indicator" style="width: 50%"></div>
</div>
<div class="block-stat-table-cell">50k</div>
<div class="block-stat-table-cell">1M</div>
<div class="block-stat-table-cell">40%</div>
<div class="block-stat-table-cell">400k</div>
<div class="block-stat-table-cell">1m 30s</div>
</div>
</div>
</div>
SASS reference
--r-block-stat-table-header-color: var(--r-global-font-color-light);
--r-block-stat-table-indicator-color: var(--r-color-light);