Template:Page tabs/styles.css
Appearance
/* {{pp-template}} */
.template-page-tabs {
background: #F8FCFF;
color:black;
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;
}