MediaWiki:Common.css/src/interface/layoutResponsive.scss

From Terraria Wiki
Jump to navigation Jump to search

This page is one of the SCSS pages which are the basis for MediaWiki:Common.css. After you edit this page, you will need to recompile them for your changes to take effect. See Terraria Wiki:CSS to learn more.

@use "../lib";
/****** responsive Layout ******/

@media screen and (max-width: 1800px){
	:root{
		--layout-sidespace: 0px; /*<< whitespace width on most left and most right,must with "px" */
	}
}/*<< screen and (max-width: 1800px) */


@media screen and (max-width: lib.$breakpoint-l){
	/* @import interface/responsive/1366px.css */
}/*<< screen and (max-width: 1366px) */

@media screen and (max-width:900px) {
	/* @import interface/responsive/900px.css */
}/*<< screen and (max-width:900px) */

@media screen and (max-width: 720px){
	/* @import interface/responsive/720px.css */
}/*<< screen and (max-width:720px) */

@media screen and (max-width:600px) {
	/* @import interface/responsive/600px.css */
}/*<< screen and (max-width:600px) */