shut/src/less/css.Layout.less

Shut UI Framework

/* layout */
/* CRITICAL BEGIN */
.page,
.singlepage {
	// defines page width
	margin: 0 auto;
	width: 100%;
	// padding: @mainpad; 

}

.container {
	// adds padding
	padding: var(--sh-mainpad);
}


// md-hide lg-hide



.media(md, {

		.page {
			max-width: @screen[md];		
		}

		.singlepage {
			max-width: @screen[sm];
		}

	}

);

.media(lg, {

		.page {
			max-width: @screen[lg];
			// width: calc(@screen[lg] - @mainpad * 2);

		}

		.singlepage {
			max-width: @screen[md];
		}

	

	}

);

.media(xl, {

		.page {
			max-width: @screen[xl];
			// width: calc(@screen[xl] - @mainpad * 2);

		}

		.singlepage {
			max-width: @screen[md];
		}
	}

);

/* CRITICAL END */