resources/src/mediawiki.skinning/content.tables.less

   1 /**
   2  * wikitable class for skinning normal tables.
   3  * Keep in sync with content.tables-print.less.
   4  */
   5
   6 /* stylelint-disable selector-class-pattern */
   7
   8 @import 'mediawiki.skin.variables.less';
   9
  10 @media all and ( max-width: @max-width-breakpoint-mobile ) {
  11         // T330527
  12         .mw-parser-output {
  13                 table {
  14                         display: block;
  15                         overflow: auto;
  16                         max-width: 100%;
  17                 }
  18
  19                 /**
  20                  * Disable the above behaviour when noresize is present.
  21                  * See mediawiki.skinning/interface for more information.
  22                  */
  23                 .noresize table {
  24                         display: table;
  25                 }
  26         }
  27 }
  28
  29 .wikitable {
  30         background-color: @background-color-neutral-subtle;
  31         color: @color-base;
  32         margin: 1em 0;
  33         border: @border-width-base @border-style-base @border-color-base;
  34         border-collapse: collapse;
  35
  36         > tr > th,
  37         > tr > td,
  38         > * > tr > th,
  39         > * > tr > td {
  40                 border: @border-width-base @border-style-base @border-color-base;
  41                 padding: 0.2em 0.4em;
  42         }
  43
  44         > tr > th,
  45         > * > tr > th {
  46                 background-color: @background-color-neutral;
  47                 color: @color-base;
  48                 text-align: center;
  49         }
  50
  51         > caption {
  52                 font-weight: bold;
  53         }
  54
  55         @media all and ( max-width: @max-width-breakpoint-mobile ) {
  56                 body.skin--responsive & {
  57                         float: none;
  58                         margin-left: 0;
  59                         margin-right: 0;
  60                 }
  61         }
  62 }