Jump to content

Template:Currency/styles.css: Difference between revisions

From StepHarvest Wiki
Initial StepHarvest theme setup
 
Animated coin, dedicated step icon, CSS scaling
 
Line 1: Line 1:
/* Shared styling for the Gold and Steps amount templates. */
/* Shared styling for the Gold and Steps amount templates.
  Icons are embedded at original size and scaled here with CSS: GD made
  server thumbnails would drop GIF animation frames and soften pixel art. */
.sh-amount {
.sh-amount {
white-space: nowrap;
white-space: nowrap;
Line 6: Line 8:


.sh-amount img {
.sh-amount img {
width: auto;
height: 16px;
image-rendering: pixelated;
image-rendering: pixelated;
vertical-align: -2px;
vertical-align: -2px;
}
}

Latest revision as of 15:36, 11 June 2026

/* Shared styling for the Gold and Steps amount templates.
   Icons are embedded at original size and scaled here with CSS: GD made
   server thumbnails would drop GIF animation frames and soften pixel art. */
.sh-amount {
	white-space: nowrap;
	font-weight: 600;
}

.sh-amount img {
	width: auto;
	height: 16px;
	image-rendering: pixelated;
	vertical-align: -2px;
}