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

Module:Statsbar/styles.css: Difference between revisions

From AoM Retold
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
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
.template-statsbar {
.template-statsbar {
margin: 10px;
margin: 1rem 0;
display: grid;
display: grid;
font-size: 0.8125rem;
font-size: 0.875rem;
line-height: 5px;
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: 10px;
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 grey;
border-left: 1px solid rgba( 0, 0, 0, 0.08 );
}
}


.template-statsbar__label {
.template-statsbar__label {
color: lightgrey;
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: white;
color: var( --color-base--emphasized );
margin-top: 0.75rem;
font-weight: 500;
font-weight: 500;
font-size: 1.25rem;
font-size: 1.75rem;
white-space: nowrap;
white-space: nowrap;
}
}

Latest revision as of 02:10, 30 September 2024

.template-statsbar {
	margin: 1rem 0;
	display: grid;
	font-size: 0.875rem;
	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 );
	margin-top: 0.75rem;
    font-weight: 500;
    font-size: 1.75rem;
    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. We only use cookie to make the site function and save your preferences, nothing else.