mediawiki-skins-Citizen/skinStyles/extensions/SemanticResultFormats/listwidget/ext.srf.listwidget.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

79 lines
1.7 KiB
Plaintext

/*
* Citizen - SRF List Widget
* https://starcitizen.tools
*/
@import '../../../../resources/variables.less';
.skin-theme-clientpref-night {
.srf-listwidget-navigation .ln-letters a {
border: 1px solid @dark-bg-20;
}
.srf-listwidget-navigation .ln-letters a.ln-last {
border-right: 1px solid @dark-bg-20;
}
.srf-listwidget-navigation .ln-letters a:hover,
.srf-listwidget-navigation .ln-letters a.ln-selected {
background-color: @dark-bg-10;
}
.srf-listwidget-navigation .ln-letters a.ln-disabled {
color: var( --color-subtle );
}
.srf-listwidget-navigation .ln-letter-count {
color: var( --background-color-primary--hover );
}
.srf-listwidget .lm-wrapper .lm-letters a {
border: 1px solid @dark-bg-20;
}
.srf-listwidget .lm-wrapper .lm-letters a:hover,
.srf-listwidget .lm-wrapper .lm-letters a.lm-selected {
background-color: @dark-bg-10;
}
.srf-listwidget .lm-wrapper .lm-letters a.lm-disabled {
color: var( --color-subtle );
}
.srf-listwidget .lm-wrapper .lm-letters a.lm-last {
border-right: 1px solid @dark-bg-20;
}
.srf-listwidget .lm-wrapper .lm-letter-count {
color: var( --background-color-primary--hover );
}
.srf-listwidget .lm-wrapper .lm-menu {
background: #ffc;
border: 1px solid @dark-bg-20;
border-top: 1px solid @dark-bg-20;
}
.srf-listwidget .lm-wrapper .lm-menu .lm-no-match {
color: var( --color-success );
}
.srf-listwidget-navigation a,
.ellipse {
border: 1px solid @dark-bg-20;
}
.srf-listwidget-navigation a.last_link {
border-right: 1px solid @dark-bg-20;
}
.srf-listwidget-navigation a:hover,
.srf-listwidget-navigation a.page_link.active_page {
background-color: @dark-bg-10;
}
.srf-listwidget-navigation a.ln-disabled {
color: var( --color-subtle );
}
}