mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-28 16:10:55 +00:00
64134bd8a6
Use local imports instead given all relevant files are within the same repository, and don't vary by configuraion. Bug: T140807 Depends-On: If3edac9a35b346af0320c12f70c0d978a6346201 Change-Id: Ife3cc345a63aff452e93accbe0a593fbaa358732
64 lines
1.5 KiB
Plaintext
64 lines
1.5 KiB
Plaintext
// Tables
|
|
@import 'mediawiki.mixins.less';
|
|
@import '../../minerva.less/minerva.variables';
|
|
@import '../../minerva.less/minerva.mixins';
|
|
|
|
// These are only intended for smaller screens.
|
|
// This avoids having to undo them from another media query,
|
|
// by putting the original in a media query instead.
|
|
// This also avoids having a reset with too-high specificity, which
|
|
// would break unrelated styles from core and extensions.
|
|
@media all and ( max-width: @width-breakpoint-tablet ) {
|
|
.content {
|
|
table {
|
|
display: block;
|
|
width: 100% !important;
|
|
}
|
|
|
|
caption {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
|
|
.content {
|
|
table {
|
|
margin: 1em 0;
|
|
|
|
/* following 4 rules are needed for scrolling */
|
|
overflow: auto; /* for browsers that don't support overflow-y */
|
|
overflow-y: hidden;
|
|
overflow-x: auto;
|
|
|
|
caption {
|
|
text-align: left;
|
|
}
|
|
|
|
// For skinning normal data tables
|
|
// Compare with mediawiki.legacy/shared.css
|
|
&.wikitable {
|
|
border: 1px solid @colorGray5;
|
|
// Note older browsers will fall back to @grayLight
|
|
border-color: fade( @colorGray5, 30 );
|
|
|
|
// We only style cells that are direct children of the wikitable table since
|
|
// table tags may be used for non-table purposes within the cells.
|
|
> tr > th,
|
|
> tr > td,
|
|
> * > tr > th,
|
|
> * > tr > td {
|
|
border: 1px solid @colorGray5;
|
|
// Note older browsers will fall back to @grayLight
|
|
border-color: fade( @colorGray5, 30 );
|
|
padding: 0.2em;
|
|
}
|
|
|
|
// Make headings distinguishable
|
|
> tr > th,
|
|
> * > tr > th {
|
|
background-color: @grayLightest;
|
|
}
|
|
}
|
|
}
|
|
}
|