User:Celtic Minstrel/Sandbox/TabStyling.css
Jump to navigation
Jump to search
.rainbow-tabs .tabber__tab {
border: solid 1.5px light-dark(black, white);
display: inline-block;
text-align: center;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}
.rainbow-tabs .tabber__tab:nth-child(7n+1) {
background-color: red;
}
.rainbow-tabs .tabber__tab:nth-child(7n+2) {
background-color: orange;
}
.rainbow-tabs .tabber__tab:nth-child(7n+3) {
background-color: yellow;
}
.rainbow-tabs .tabber__tab:nth-child(7n+4) {
background-color: green;
}
.rainbow-tabs .tabber__tab:nth-child(7n+5) {
background-color: cyan;
}
.rainbow-tabs .tabber__tab:nth-child(7n+6) {
background-color: blue;
}
.rainbow-tabs .tabber__tab:nth-child(7n) {
background-color: violet;
}