mediawiki-skins-Citizen/skinStyles/extensions/Cargo/ext.cargo.main.less
alistair3149 5d3ecd9edd
feat(core): convert some CSS variables into Codex equivalent
This is an on-going work to adapt Codex into Citizen.
Some of the CSS variables are soft depreciated, see tokens.less for updated info.
2024-06-30 01:04:30 -04:00

99 lines
1.9 KiB
Plaintext

/*
* Citizen
*
* SkinStyles for Extension:Cargo
* Module: ext.cargo.main
* Version: REL1_39 b4c6314
*
* Date: 2023-01-03
*/
span.cargoFieldName {
color: var( --color-subtle );
}
table.cargoTable.noMerge tr:nth-child( odd ) {
background: var( --color-surface-0 );
}
table.cargoTable.noMerge tr:nth-child( even ) {
background: var( --color-surface-2 );
}
table.cargoTable.mergeSimilarCells td.odd {
background: var( --color-surface-0 );
}
table.cargoTable.mergeSimilarCells td.even {
background: var( --color-surface-2 );
}
table.cargoTable {
font-size: var( --font-size-small );
}
table.cargoTable thead tr {
border-bottom: 1px solid var( --border-color-base );
}
table.cargoTable tr + tr {
border-top: 1px solid var( --border-color-base );
}
table.cargoTable th,
table.cargoTable td {
/* Sync with wikitable */
padding: var( --space-xs ) var( --space-sm );
}
table.cargoTable th {
font-size: var( --font-size-x-small );
font-weight: var( --font-weight-normal );
/* Sync with wikitable */
color: var( --color-subtle );
text-align: start;
letter-spacing: 0.05em;
}
table.cargoTable td {
/* Border handled by tr */
border: 0;
}
span.searchmatch {
font-weight: var( --font-weight-semibold );
color: var( --color-emphasized );
}
div.cargoReplacementTableInfo {
background: var( --color-surface-3 );
border-color: var( --border-color-base );
}
.addButton,
.deleteButton {
/* BG color does not like filter */
background-color: transparent;
border-color: var( --border-color-base );
}
.cargoQueryTooltipIcon,
.addButton,
.deleteButton {
filter: var( --filter-invert );
}
div.specialCargoQuery-extraPane {
background: linear-gradient( transparent, var( --color-surface-2 ) 0.5em );
border-color: var( --border-color-base );
}
.ui-state-focus {
background: var( --color-progressive--active ) !important;
}
.ui-menu .ui-menu-item a {
font-family: var( --font-family-base );
color: var( --color-emphasized );
}