mediawiki-skins-Citizen/resources/skins.citizen.styles/skinning/content.tables.less
alistair3149 a7f9c55c88
feat(core): update hover transition styles and implementation
The timing and easing function are defined separately than the property.
It is now accessible as a CSS variable (transition-hover)
2023-07-07 16:36:38 -04:00

57 lines
953 B
Plaintext

/*
* Citizen
*
* Module: mediawiki.skinning.content.tables
* Version: REL1_39
*
* Date: 2022-11-14
*/
.wikitable {
margin: var( --space-md ) 0;
border-collapse: collapse;
caption {
padding-right: var( --space-sm );
padding-left: var( --space-sm );
color: var( --color-base--emphasized );
font-weight: var( --font-weight-semibold );
text-align: start;
}
thead + tbody {
border-top: 1px solid var( --border-color-base );
}
tr {
transition: var( --transition-hover );
transition-property: background;
// Divider
+ tr {
border-top: 1px solid var( --border-color-base );
}
&:hover {
background-color: var( --background-color-quiet--hover );
}
}
th {
color: var( --color-base--subtle );
font-size: 0.8125rem;
font-weight: var( --font-weight-normal );
letter-spacing: 0.05em;
text-align: start;
}
td {
font-size: 0.875rem;
}
th,
td {
padding: var( --space-xs ) var( --space-sm );
}
}