Jump to content

Template:Season/styles.css

From StepHarvest Wiki
Revision as of 15:38, 11 June 2026 by Admin (talk | contribs) (Vertically center season icon in tag)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
/* Season tags. Colors are the authoritative seasonal palette.
   The tag is an inline flex row so the season icon stays vertically
   centered against the text regardless of font size. */
.sh-season {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	vertical-align: middle;
	font-family: 'VT323', monospace;
	font-size: 1.05em;
	line-height: 1.25;
	letter-spacing: 0.5px;
	color: #2C1810;
	background: #FBF1E1;
	padding: 0 8px 1px;
	border: 2px solid rgba(44, 24, 16, 0.25);
	border-radius: 4px;
	white-space: nowrap;
}

.sh-season img {
	height: 14px;
	width: auto;
	image-rendering: pixelated;
}

.sh-season-spring { background: #FFB7C5; }
.sh-season-summer { background: #FFD700; }
.sh-season-fall { background: #E07A5F; }
.sh-season-winter { background: #B8C5D6; }