mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-30 00:55:25 +00:00
83ab221408
Wikis use tables in creative ways and it is probably just safer to only apply it to wikitables. Might revisit if there are any news from T330527.
87 lines
1.6 KiB
Plaintext
87 lines
1.6 KiB
Plaintext
/*
|
|
* Citizen
|
|
*
|
|
* Module: mediawiki.skinning.content.tables
|
|
* Version: REL1_39
|
|
*
|
|
* Date: 2024-02-26
|
|
*/
|
|
|
|
// TODO: Revisit on MW 1.43 since Minerva table styles are merged upstream
|
|
.wikitable {
|
|
display: block;
|
|
max-width: max-content; // Needed for the border
|
|
margin: var( --space-md ) 0;
|
|
overflow-x: auto;
|
|
font-size: var( --font-size-small );
|
|
border-spacing: 0;
|
|
border: 1px solid var( --border-color-base );
|
|
border-radius: var( --border-radius--medium );
|
|
|
|
caption {
|
|
padding-right: var( --space-sm );
|
|
padding-left: var( --space-sm );
|
|
margin-bottom: var( --space-xs );
|
|
font-weight: var( --font-weight-semibold );
|
|
color: var( --color-base--emphasized );
|
|
text-align: start;
|
|
}
|
|
|
|
thead + tbody {
|
|
border-top: 1px solid var( --border-color-base );
|
|
}
|
|
|
|
tbody tr {
|
|
&:hover {
|
|
background-color: var( --background-color-quiet--hover );
|
|
}
|
|
}
|
|
|
|
th {
|
|
font-weight: var( --font-weight-normal );
|
|
color: var( --color-base--subtle );
|
|
text-align: start;
|
|
letter-spacing: 0.05em;
|
|
}
|
|
|
|
th,
|
|
td {
|
|
padding: var( --space-xs ) var( --space-sm );
|
|
}
|
|
|
|
tr {
|
|
th,
|
|
td {
|
|
border-top: 1px solid var( --border-color-base );
|
|
}
|
|
|
|
&:first-of-type {
|
|
th,
|
|
td {
|
|
border-top: 0;
|
|
|
|
&:first-child {
|
|
border-top-left-radius: var( --border-radius--medium );
|
|
}
|
|
|
|
&:last-child {
|
|
border-top-right-radius: var( --border-radius--medium );
|
|
}
|
|
}
|
|
}
|
|
|
|
&:last-of-type {
|
|
th,
|
|
td {
|
|
&:first-child {
|
|
border-bottom-left-radius: var( --border-radius--medium );
|
|
}
|
|
|
|
&:last-child {
|
|
border-bottom-right-radius: var( --border-radius--medium );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|