More actions
Content deleted Content added
Created page with ".template-statsbar { margin: 10px; display: grid; font-size: 0.8125rem; line-height: 5px; overflow-x: auto; grid-auto-columns: minmax( auto, 1fr ); grid-auto-flow: column; } .template-statsbar__item { padding: 10px; display: flex; align-items: center; flex-direction: column; } .template-statsbar__item + .template-statsbar__item { border-left: 1px solid grey; } .template-statsbar__label { color: lightgrey; letter-spacing: 0.05em; white-spa..." |
No edit summary |
||
Line 1: | Line 1: | ||
.template-statsbar { |
.template-statsbar { |
||
margin: |
margin: 1rem 0; |
||
display: grid; |
display: grid; |
||
font-size: 0.8125rem; |
font-size: 0.8125rem; |
||
line-height: |
line-height: 1.375rem; |
||
overflow-x: auto; |
overflow-x: auto; |
||
grid-auto-columns: minmax( auto, 1fr ); |
grid-auto-columns: minmax( auto, 1fr ); |
||
Line 10: | Line 10: | ||
.template-statsbar__item { |
.template-statsbar__item { |
||
padding: |
padding: 0 1rem; |
||
display: flex; |
display: flex; |
||
align-items: center; |
align-items: center; |
||
Line 17: | Line 17: | ||
.template-statsbar__item + .template-statsbar__item { |
.template-statsbar__item + .template-statsbar__item { |
||
border-left: 1px solid |
border-left: 1px solid rgba( 0, 0, 0, 0.08 ); |
||
} |
} |
||
.template-statsbar__label { |
.template-statsbar__label { |
||
color: |
color: var( --color-base--subtle ); |
||
letter-spacing: 0.05em; |
letter-spacing: 0.05em; |
||
white-space: nowrap; |
white-space: nowrap; |
||
Line 27: | Line 27: | ||
.template-statsbar__data { |
.template-statsbar__data { |
||
color: |
color: var( --color-base--emphasized ); |
||
font-weight: 500; |
font-weight: 500; |
||
font-size: 1. |
font-size: 1.75rem; |
||
white-space: nowrap; |
white-space: nowrap; |
||
} |
} |
Revision as of 16:44, 29 September 2024
.template-statsbar {
margin: 1rem 0;
display: grid;
font-size: 0.8125rem;
line-height: 1.375rem;
overflow-x: auto;
grid-auto-columns: minmax( auto, 1fr );
grid-auto-flow: column;
}
.template-statsbar__item {
padding: 0 1rem;
display: flex;
align-items: center;
flex-direction: column;
}
.template-statsbar__item + .template-statsbar__item {
border-left: 1px solid rgba( 0, 0, 0, 0.08 );
}
.template-statsbar__label {
color: var( --color-base--subtle );
letter-spacing: 0.05em;
white-space: nowrap;
}
.template-statsbar__data {
color: var( --color-base--emphasized );
font-weight: 500;
font-size: 1.75rem;
white-space: nowrap;
}
.template-statsbar__desc {
letter-spacing: 0.025em;
}