MediaWiki:Vector.css: Difference between revisions

Line 9:

* existing Vector selectors keeps the desktop cascade visually unchanged.

*/

/* ==========================================================================

Responsive Layout Standard

--------------------------------------------------------------------------

Phone: 0-599px; tablet / large phone: 600-899px; small desktop /

landscape tablet: 900-1199px; full desktop: 1200px+.

Vector remains the desktop skin, but its narrow-window fallback follows the

same viewport boundaries as the rest of the project.

========================================================================== */

/* ==========================================================================

Line 950:

Line 959:

/* ==========================================================================

~~Mobile Layout~~

Narrow Vector Fallback

--------------------------------------------------------------------------

On small ~~screens~~, ~~the~~ sidebar ~~collapses~~ and homepage columns ~~stack~~.

When Vector is manually used below the small-desktop range, collapse its

desktop sidebar dimensions and stack the homepage columns.

========================================================================== */

@media (max-width: ~~700px~~) {

@media (max-width: 899px) {

:root {

--wiz-sidebar-width: 0px;