Template:Main page/gamebuild/styles.css

Template page
Revision as of 04:44, 16 May 2024 by PabloEscobar (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
#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 );
	color: var( --color-text-success );
}

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

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

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

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

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