Content added Content deleted
(Created page with ".tabs > a { }") |
(added custom styling for cosmos) |
||
| (7 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.tabs { |
|||
display: grid; |
|||
grid-gap: 0.75em; |
|||
grid-template-columns: repeat(auto-fit, 7.5em); |
|||
margin: 1em 0; |
|||
} |
|||
.tabs > a { |
.tabs > a { |
||
padding: 0.25em 0; |
|||
text-align: center; |
|||
background-color: var(--theme-primary-0); |
|||
} |
|||
/* |
|||
* Citizen skin |
|||
*/ |
|||
body.skin-citizen .tabs > a { |
|||
border-radius: var(--border-radius--small); |
|||
} |
|||
body.skin-citizen .tabs > a:not(.new) { |
|||
color: black; |
|||
} |
|||
/* |
|||
* Cosmos skin |
|||
*/ |
|||
body.skin-cosmos .tabs > a { |
|||
border-radius: 4px; |
|||
} |
} |
||
Latest revision as of 19:22, 13 July 2022
.tabs {
display: grid;
grid-gap: 0.75em;
grid-template-columns: repeat(auto-fit, 7.5em);
margin: 1em 0;
}
.tabs > a {
padding: 0.25em 0;
text-align: center;
background-color: var(--theme-primary-0);
}
/*
* Citizen skin
*/
body.skin-citizen .tabs > a {
border-radius: var(--border-radius--small);
}
body.skin-citizen .tabs > a:not(.new) {
color: black;
}
/*
* Cosmos skin
*/
body.skin-cosmos .tabs > a {
border-radius: 4px;
}