More actions
Created page with "body{ }" |
mNo edit summary |
||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
.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; | |||
} | } |
Latest revision as of 22:34, 14 February 2025
.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;
}