Alignments work

strangerstudios · Jul 3, 2023 · 43793d5 · 43793d5
1 parent ac85bc0
commit 43793d5
Showing 1 changed file with 52 additions and 9 deletions.
diff --git a/style.css b/style.css
@@ -3464,24 +3464,76 @@ object {
 	.hide-screen {
 		display: none;
 	}
+	.single.sidebar-blog-none .alignwide,
+	.home.page-template-default .alignwide,
+	.page-template-default.sidebar-none .alignwide,
+	.page-template-full-width .alignwide,
+	.page-template-fluid-width .alignwide,
+	.page-template-narrow-width .alignwide,
+	.page-template-blank .alignwide {
+		margin-left: calc(50% - var(--wp--style--global--wide-size) / 2 );
+		margin-right: calc(50% - var(--wp--style--global--wide-size) / 2 );
+		max-width: var(--wp--style--global--wide-size);
+		width: auto;
+	}
 }
 
 @media only screen and (min-width: 960px) and (max-width: 1160px) {
 	.hide-screen {
 		display: none;
 	}
+	.single.sidebar-blog-none .alignwide,
+	.home.page-template-default .alignwide,
+	.page-template-default.sidebar-none .alignwide,
+	.page-template-full-width .alignwide,
+	.page-template-fluid-width .alignwide,
+	.page-template-narrow-width .alignwide,
+	.page-template-blank .alignwide {
+		margin-left: calc(50% - 50vw);
+		margin-right: calc(50% - 50vw);
+		max-width: 1000%;
+		width: auto;
+	}
 }
 
 @media only screen and (min-width: 768px) and (max-width: 959px) {
 	.hide-mobile {
 		display: none;
 	}
+	.single.sidebar-blog-none .alignwide,
+	.home.page-template-default .alignwide,
+	.page-template-default.sidebar-none .alignwide,
+	.page-template-full-width .alignwide,
+	.page-template-fluid-width .alignwide,
+	.page-template-narrow-width .alignwide,
+	.page-template-blank .alignwide {
+		margin-left: calc(50% - 50vw);
+		margin-right: calc(50% - 50vw);
+		max-width: 1000%;
+		width: auto;
+	}
 }
 
 @media only screen and (max-width: 767px) {
 	.hide-mobile {
 		display: none;
 	}
+	.single.sidebar-blog-none .alignwide,
+	.home.page-template-default .alignwide,
+	.page-template-default.sidebar-none .alignwide,
+	.page-template-full-width .alignwide,
+	.page-template-fluid-width .alignwide,
+	.page-template-narrow-width .alignwide,
+	.page-template-blank .alignwide {
+		margin-left: calc(50% - 50vw);
+		margin-right: calc(50% - 50vw);
+		max-width: 1000%;
+		width: auto;
+	}
+	.alignfull {
+		margin-right: -2.35rem;
+		margin-left: -2.35rem;
+	}
 	.header-right,
 	.site-navigation-sticky-wrapper,
 	#site-navigation {
@@ -3527,15 +3579,6 @@ object {
 		margin: 0;
 		text-align: center;
 	}
-	.single.sidebar-blog-none .alignwide,
-	.page-template-default.sidebar-none .alignwide,
-	.page-template-full-width .alignwide,
-	.page-template-fluid-width .alignwide,
-	.page-template-narrow-width .alignwide,
-	.page-template-blank .alignwide {
-		margin-left: 0;
-		margin-right: 0;
-	}
 	img.alignleft,
 	img.alignright,
 	.wp-block-image figure.alignleft,