More actions
mNo edit summary Tag: Reverted |
mNo edit summary Tag: Reverted |
||
| Line 7: | Line 7: | ||
{{#if: {{{label5|}}} | <div class="stat"><strong>{{{label5}}}:</strong> {{{data5}}}</div> }} | {{#if: {{{label5|}}} | <div class="stat"><strong>{{{label5}}}:</strong> {{{data5}}}</div> }} | ||
</div> | </div> | ||
{{#css: | |||
.template-statsbar { | |||
margin: var( --space-md ) 0; | |||
display: grid; | |||
font-size: 0.8125rem; | |||
line-height: var( --line-height-xx-small ); | |||
overflow-x: auto; | |||
grid-auto-columns: minmax( auto, 1fr ); | |||
grid-auto-flow: column; | |||
} | |||
.template-statsbar__item { | |||
padding: 0 var( --space-md ); | |||
display: flex; | |||
align-items: center; | |||
flex-direction: column; | |||
} | |||
.template-statsbar__item + .template-statsbar__item { | |||
border-left: 1px solid var( --border-color-base ); | |||
} | |||
.template-statsbar__label { | |||
color: var( --color-subtle ); | |||
letter-spacing: 0.05em; | |||
white-space: nowrap; | |||
} | |||
.template-statsbar__data { | |||
color: var( --color-emphasized ); | |||
font-weight: 500; | |||
font-size: var( --font-size-xxx-large ); | |||
white-space: nowrap; | |||
} | |||
.template-statsbar__desc { | |||
letter-spacing: 0.025em; | |||
} | |||
}} | |||