Template:Page tabs/styles.css

From Stiles Wiki
Jump to navigation Jump to search
.template-page-tabs {
	background: #F8FCFF;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -4px;
}

.template-page-tabs > span {
	padding: 0.5em;
	line-height: 0.95em;
	border: solid 2px #a3b1bf;
	white-space: nowrap;
	margin-bottom: 4px;
}

.template-page-tabs > span.spacer {
	display: flex; /* hides any whitespace we put inside */
	padding: 0;
	flex: 9px;
	border-width: 0 0 2px 0;
}

.template-page-tabs > span.spacer:last-child {
	/* We want this to get first priority, which flexbox doesn't really understand but hopefully this will do. */
	flex: 1000 1 0;
}