resources/src/mediawiki.pager.styles/DataTable.less

   1 /*!
   2  * mw-datatable styles used by TablePager.
   3  * These were previously available through legacy.less and are still imported there.
   4  * After legacy.less has been removed, this file can be merged into TablePager.less.
   5  */
   6 @import 'mediawiki.skin.variables.less';
   7 /* stylelint-disable selector-class-pattern */
   8 .mw-datatable {
   9         border: @border-base;
  10         border-collapse: collapse;
  11
  12         td,
  13         th {
  14                 border: @border-base;
  15                 padding: 0.2em 0.4em;
  16         }
  17
  18         th {
  19                 background-color: #eaeeff;
  20
  21                 html.skin-theme-clientpref-night & {
  22                         @media screen {
  23                                 background-color: @background-color-transparent;
  24                         }
  25                 }
  26
  27                 /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  28                 @media screen and ( prefers-color-scheme: dark ) {
  29                         html.skin-theme-clientpref-os & {
  30                                 background-color: @background-color-transparent;
  31                         }
  32                 }
  33         }
  34
  35         td {
  36                 background-color: @background-color-base;
  37         }
  38
  39         tr:hover td {
  40                 background-color: @background-color-progressive-subtle;
  41         }
  42 }