ZdS largeur fixe

gistfile1.txt

/* ==UserStyle==
@name           ZdS-largeur-fixe
@namespace      zestedesavoir
@description    Utiliser Zeste de Savoir avec une largeur fixe centrée sur grands écrans
@version        1.0.5
@author         Corentin Hatte (https://www.github.com/viki53)
@homepageURL    https://gist.github.com/viki53/aae4daaa1db246470516fa016ae1df64
@updateURL      https://gist.github.com/viki53/aae4daaa1db246470516fa016ae1df64/raw/firefox-stylus.user.css
@preprocessor   default
==/UserStyle== */

@-moz-document domain("zestedesavoir.com") {
	:root {
		--site-width: 1145px;
	}

	@media screen and (min-width: 1145px) {
		body:not(.flexpage) .main {
			margin: 0 auto;
			max-width: var(--site-width);
		}

		.header-container > header,
		.header-container > .sub-header {
			padding-left: calc((100vw - var(--site-width)) / 2);
			padding-right: calc((100vw - var(--site-width)) / 2);
		}

		body:not(.flexpage) .main .content-container {
			box-sizing: border-box;
			padding-left: 2rem;
			padding-right: 2rem;
		}

		.header-container .sub-header .header-right .header-dropdown,
		.header-container header .header-right .header-dropdown {
			right: calc((100vw - var(--site-width)) / 2);
		}

		.header-menu .header-dropdown {
			padding: 10px calc((100vw - var(--site-width)) / 2);
		}
	}
}