Template:Tabs/styles.css

.tabs {
	display: grid;
	grid-gap: 0.75em;
	grid-template-columns: repeat(auto-fit, 7.5em);
	margin: 1em 0;
}

.tabs > a {
	padding: 0.25em 0;
	text-align: center;
	background-color: var(--theme-primary-0);
}

/* 
 * Citizen skin
 */
body.skin-citizen .tabs > a {
	border-radius: var(--border-radius--small);
}

body.skin-citizen .tabs > a:not(.new) {
	color: black;
}

/*
 * Cosmos skin
 */
body.skin-cosmos .tabs > a {
	border-radius: 4px;
}