MediaWiki:Common.css: Difference between revisions
From The Radical Buddhism Project
No edit summary |
No edit summary |
||
| Line 15: | Line 15: | ||
/* Tablet & Desktop view: Prevent nested columns, lock layout to exactly 2 columns */ | /* Tablet & Desktop view: Prevent nested columns, lock layout to exactly 2 columns */ | ||
@media screen and (min-width: 768px) { | @media screen and (min-width: 768px) { | ||
/* 1. Turn off columns entirely on the parent outer | /* 1. Turn off columns entirely on the parent outer containers */ | ||
.mw-references-wrap, | .mw-references-wrap, | ||
.mw-references-columns { | .mw-references-columns { | ||
| Line 22: | Line 22: | ||
} | } | ||
/* 2. Force exactly 2 columns strictly on the actual list layer */ | /* 2. Force exactly 2 columns strictly on the actual list layer with a forced gap */ | ||
ol.references, | ol.references, | ||
.references { | .references { | ||
column-count: 2 !important; | column-count: 2 !important; | ||
column-width: auto !important; | column-width: auto !important; | ||
column-gap: | column-gap: 3.5em !important; /* Forces a wide, highly visible gap between the columns */ | ||
} | |||
/* 3. Extra safeguard: Ensure list items don't crowd the center line */ | |||
ol.references li, | |||
.references li { | |||
padding-right: 1.5em !important; /* Pushes the citation text away from the center gap */ | |||
break-inside: avoid-column; /* Prevents an individual reference from splitting across columns */ | |||
} | } | ||
} | } | ||
Latest revision as of 01:13, 27 October 2026
/* Make the Cite extension list of references look smaller */
ol.references {
font-size: 90%;
}
/* Mobile view: Ensure single column across all native wrapper elements */
.mw-references-wrap,
.mw-references-columns,
ol.references,
.references {
column-count: 1 !important;
column-width: auto !important;
}
/* Tablet & Desktop view: Prevent nested columns, lock layout to exactly 2 columns */
@media screen and (min-width: 768px) {
/* 1. Turn off columns entirely on the parent outer containers */
.mw-references-wrap,
.mw-references-columns {
column-count: 1 !important;
column-width: auto !important;
}
/* 2. Force exactly 2 columns strictly on the actual list layer with a forced gap */
ol.references,
.references {
column-count: 2 !important;
column-width: auto !important;
column-gap: 3.5em !important; /* Forces a wide, highly visible gap between the columns */
}
/* 3. Extra safeguard: Ensure list items don't crowd the center line */
ol.references li,
.references li {
padding-right: 1.5em !important; /* Pushes the citation text away from the center gap */
break-inside: avoid-column; /* Prevents an individual reference from splitting across columns */
}
}
