Sjabloon:Gestapelde balk/styles.css

Uit Wikipedia, de vrije encyclopedie
.stackedbar {
	border: 1px solid grey;
	height: 10px;
	width: 100%;
	line-height: 0;
	box-sizing: border-box;
}

.StackedBarTemplate > div:first-child {
	font-size: 14px;
	width: 100%;
	text-align:center;
	display: flex;
}

.StackedBarTemplate > div:first-child > div > span {
	padding: 0.15em;
}

 .StackedBarTemplate_lean > div:first-child > div {
	transform: translateX(1em) rotate(200deg);
}

.StackedBarTemplate_lean > div:first-child > div > span {
	text-align: left;
	writing-mode: vertical-rl;
}


 .StackedBarTemplate_vertical > div:first-child > div {
	transform: rotate(180deg);
}

.StackedBarTemplate_vertical > div:first-child > div > span {
	text-align: left;
	writing-mode: vertical-rl;
}