mediawiki-skins-Citizen/resources/skins.citizen.styles/common/wikitable.less
alistair3149 bf8d9274fa
feat: tweak wikitable styles
move text-align left from th to table so it can be easily overriden
2021-04-28 10:37:36 -04:00

46 lines
921 B
Plaintext

table.wikitable {
border: 0; // Override core MW styles
background-color: transparent; // Override core MW styles
border-collapse: collapse;
color: var( --color-base ); // Override core MW styles
text-align: left; // So that it can be overrided from table element
caption {
margin-top: @content-margin-top;
font-weight: 600;
text-align: left;
}
tr {
vertical-align: top;
th {
background-color: transparent;
color: var( --color-base--subtle );
font-size: @content-caption-size;
font-weight: 500;
}
td {
font-size: @content-monospace-size;
}
th,
td {
padding: @margin-side / 2 @margin-side @margin-side / 2 0;
border: 0;
border-bottom: 1px solid var( --border-color-base );
}
&:hover {
background-color: var( --background-color-quiet--hover );
}
}
}
@media ( max-width: @width-breakpoint-desktop-wide ) {
table.wikiatble {
white-space: nowrap;
}
}