Module:Sidebar/styles.css explained

/* *//* TODO: Invert width design to be "mobile first" */.sidebar

/* Unfortunately, so does Minerva desktop, except Minerva drops an * !important on the declaration. So we have to be mean for Minerva users. * Mobile removes the element entirely with `wgMFRemovableClasses` in * https://github.com/wikimedia/operations-mediawiki-config/blob/master/ wmf-config/InitialiseSettings.php#L16992 * which is why displaying it categorically with display: table works. * We don't really want to expose the generic user in the wild on mobile to have * to deal with sidebars. (Maybe the ones with collapsible lists, so that * might be an improvement. That is blocked on .) */body.skin-minerva .sidebar

.sidebar-subgroup

.sidebar-left

.sidebar-none

.sidebar-outer-title

.sidebar-top-image

.sidebar-top-caption,.sidebar-pretitle-with-top-image,.sidebar-caption

.sidebar-pretitle

.sidebar-title,.sidebar-title-with-pretitle

.sidebar-title-with-pretitle

.sidebar-image

.sidebar-heading

.sidebar-content

.sidebar-content-with-subgroup

.sidebar-above,.sidebar-below

.sidebar-collapse .sidebar-above,.sidebar-collapse .sidebar-below

.sidebar-navbar

.sidebar-list-title

/* centered text with mw-collapsible headers is finicky */.sidebar-list-title-c

@media (max-width: 720px)

/* Fixes: T367463 */body.skin--responsive .sidebar a > img

/* Disable backgrounds via style attribute in night mode Eg.https://phabricator.wikimedia.org/F55243859 * https://en.wikipedia.org/w/index.php?title=Laissez-faire */

@media screen

@media screen and (prefers-color-scheme: dark)

@media print