MediaWiki:Common.css/src/page/Achievements.scss

From Terraria Wiki
Jump to navigation Jump to search
/********* [[Achievements]] *********/

.trw-toggleable.achievements .trw-togglehandle {
	text-align: center;
}

.trw-toggleable.not-toggled.achievements thead,
.trw-toggleable.not-toggled.achievements tfoot,
.trw-toggleable.not-toggled.achievements td {
	display: none;
}

.trw-toggleable.not-toggled.achievements table,
.trw-toggleable.not-toggled.achievements tr,
.trw-toggleable.not-toggled.achievements td:first-child {
	display: block;
	border: 0;
}

.trw-toggleable.not-toggled.achievements tbody {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
	align-items: center;
}

.trw-toggleable.not-toggled.achievements .achievement > div > div:last-child,
.trw-toggleable.not-toggled.achievements .achievement > div > i {
	display: none;
}

/* Achievement text color */
.trw-toggleable.not-toggled.achievements .achievement > div {
	color: var(--theme-text-color) !important;
}

.trw-toggleable.not-toggled.achievements .achievement > div {
	color: transparent;
}

.trw-toggleable.not-toggled.achievements .achievement b * {
	color: var(--theme-text-color);
}

#ps3wiiu.not-toggled div.achievement:not(:first-child) {
	display: none !important;
}

#ps3wiiu.not-toggled div.achievement img[alt="Playstation"] {
	display: none;
}

#oldmobile.not-toggled .achievement:not(:first-child) > :first-child {
	display: none;
}

#oldmobile.not-toggled td {
	position: relative;
	min-height: 72px;
	min-width: 72px;
}

#oldmobile.not-toggled td:first-child {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#oldmobile.not-toggled .achievement {
	margin-left: 0 !important;
}

#oldmobile.not-toggled .achievement > :first-child {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
}

#oldmobile.not-toggled .achievement > div {
	padding-left: 64px;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.1;
}

@media (max-width: 600px) {
	.trw-toggleable.not-toggled.achievements .achievement > div {
		display: none;
	}
	.trw-toggleable.not-toggled.achievements tbody {
		display: block;
	}
	.trw-toggleable.not-toggled.achievements tr {
		display: inline-block;
	}
}