Template:Main page/gamebuild/styles.css

From IxWiki
Revision as of 00:42, 2 August 2024 by Heku (talk | contribs) (1 revision imported)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
#home-gamebuild {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.home-gamebuild-patch__container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.home-gamebuild-patch {
	display: flex;
	align-items: center;
}

.home-gamebuild-patch__name {
	font-size: 1.2rem;
	font-weight: 600;
}

.home-gamebuild-patch__type {
	padding: 0.1rem 0.6rem;
	margin-left: 0.4rem;
	background: var( --color-surface-3 );
	border-radius: 100px;
	font-size: 0.8125rem;
	font-weight: 500;
	text-transform: uppercase;
}

.home-gamebuild-patch__type--live {
	background: var( --background-color-success-subtle );
    color: var( --color-success );
}

.home-gamebuild-patch__type--live::before {
	content: '🎉 ';
}

.home-gamebuild-patch__type--evo {
	background: var( --background-color-destructive-subtle );
	color: var( --color-destructive );
}

.home-gamebuild-patch__type--evo::before {
	content: '🚨 ';
}

.home-gamebuild-patch__type[ class*="ptu" ] {
	background: var( --background-color-warning-subtle );
	color: var( --color-base );
}

.home-gamebuild-patch__type[ class*="ptu" ]::before {
	content: '🧪 ';
}