Template:Stacked bar/styles.css
Jump to navigation
Jump to search
.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;
}