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

Template page
(Update)
No edit summary
 
(One intermediate revision by one other user not shown)
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--live::before {
content: '🎉 ';
}
}


.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--evo::before {
content: '🚨 ';
}
}


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

Latest revision as of 04:44, 16 May 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--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: '🧪 ';
}