Template:Main page/gamebuild/styles.css: Difference between revisions

Template page
(Update)
(main page version colour patch)
Line 33: Line 33:
.home-gamebuild-patch__type--live {
.home-gamebuild-patch__type--live {
background: var( --background-color-success );
background: var( --background-color-success );
color: var( --color-text-success );
}
}


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


.home-gamebuild-patch__type--ptu {
.home-gamebuild-patch__type--ptu {
background: var( --background-color-warning );
background: var( --background-color-warning );
color: var( --color-text-warning );
}
}

Revision as of 20:16, 10 January 2024

#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--evo {
	background: var( --background-color-destructive );
	color: var( --color-text-error );
}

.home-gamebuild-patch__type--ptu {
	background: var( --background-color-warning );
	color: var( --color-text-warning );
}