Template:StatsBar: Difference between revisions

← Older edit

VisualWikitext

Latest revision as of 02:58, 16 February 2025

Start Editing

@@ Line 1: / Line 1: @@
-{{#css:StatsBar/styles.css}}
+<div class="statsbar">{{#if: {{{label1|}}} | <div class="stat"><strong>{{{label1}}}:</strong> {{{data1}}}</div> }}{{#if: {{{label2|}}} | <div class="stat"><strong>{{{label2}}}:</strong> {{{data2}}}</div> }}{{#if: {{{label3|}}} | <div class="stat"><strong>{{{label3}}}:</strong> {{{data3}}}</div> }}{{#if: {{{label4|}}} | <div class="stat"><strong>{{{label4}}}:</strong> {{{data4}}}</div> }}{{#if: {{{label5|}}} | <div class="stat"><strong>{{{label5}}}:</strong> {{{data5}}}</div> }}[[Chrome_Engine_Modding_Wiki:Editing|<div class="start-editing" onclick="window.location.href='{{fullUrl:Chrome_Engine_Modding_Wiki:Editing}}'">Start Editing</div>]]
-<div class="statsbar">
-{{#if: {{{label1|}}} | <div class="stat"><strong>{{{label1}}}:</strong> {{{data1}}}</div> }}
-{{#if: {{{label2|}}} | <div class="stat"><strong>{{{label2}}}:</strong> {{{data2}}}</div> }}
-{{#if: {{{label3|}}} | <div class="stat"><strong>{{{label3}}}:</strong> {{{data3}}}</div> }}
-{{#if: {{{label4|}}} | <div class="stat"><strong>{{{label4}}}:</strong> {{{data4}}}</div> }}
-{{#if: {{{label5|}}} | <div class="stat"><strong>{{{label5}}}:</strong> {{{data5}}}</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;
-}
-}}