Template:StatsBar: Difference between revisions

@@ Line 1: / Line 1: @@
-{{#css:StatsBar/styles.css}}
 <div class="statsbar">
 {{#if: {{{label1|}}} | <div class="stat"><strong>{{{label1}}}:</strong> {{{data1}}}</div> }}
@@ Line 9: / Line 8: @@
 {{#css:
 .template-statsbar {
-	margin: var( --space-md ) 0;
+    margin: 1rem 0;
-	display: grid;
+    display: grid;
-	font-size: 0.8125rem;
+    font-size: 0.8125rem;
-	line-height: var( --line-height-xx-small );
+    line-height: 1.2;
-	overflow-x: auto;
+    overflow-x: auto;
-	grid-auto-columns: minmax( auto, 1fr );
+    grid-auto-columns: minmax(auto, 1fr);
      grid-auto-flow: column;
 }
 .template-statsbar__item {
-	padding: 0 var( --space-md );
+    padding: 0 1rem;
-	display: flex;
+    display: flex;
      align-items: center;
      flex-direction: column;
@@ Line 26: / Line 25: @@
 .template-statsbar__item + .template-statsbar__item {
-	border-left: 1px solid var( --border-color-base );
+    border-left: 1px solid #ccc;
 }
 .template-statsbar__label {
-	color: var( --color-subtle );
+    color: #777;
      letter-spacing: 0.05em;
      white-space: nowrap;
@@ Line 36: / Line 35: @@
 .template-statsbar__data {
-	color: var( --color-emphasized );
+    color: #222;
      font-weight: 500;
-     font-size: var( --font-size-xxx-large );
+     font-size: 2rem;
      white-space: nowrap;
 }
@@ Line 45: / Line 44: @@
      letter-spacing: 0.025em;
 }
 }}

Revision as of 23:15, 14 February 2025