Template:Stacked bar/styles.css
外观
.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 {
align-items: end; /* 此外与英文版不同 */
}
.StackedBarTemplate_vertical > div:first-child > div > span {
text-align: left;
writing-mode: vertical-rl;
}