Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Statsbar/styles.css: Difference between revisions

Template page
Created page with "body{ }"
 
mNo edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
body{
.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;
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.