Forráskód Böngészése

try a different approach for alignfull

Ben Dwyer 4 éve
szülő
commit
92a5c9c1bf
1 módosított fájl, 5 hozzáadás és 7 törlés
  1. 5 7
      illustratr/blocks.css

+ 5 - 7
illustratr/blocks.css

@@ -36,13 +36,12 @@ Description: Used to style Gutenberg Blocks.
 /* Full Width */
 
 .alignfull {
-	width: calc(100vw - 52px); /* subtract 52px for body padding */
-	max-width: calc(100vw - 52px);
-	margin-left: 0;
-	margin-right: 0;
+	margin-left: calc(50% - 50vw + 26px);
+	margin-right: calc(50% - 50vw + 26px);
+	max-width: 100vw;
 	position: relative;
-	left: 50%;
-	transform: translateX( -50% );
+	width: calc(100vw - 52px); /* subtract 52px for body padding */
+
 }
 
 @media (min-width: 768px) {
@@ -569,4 +568,3 @@ hr.wp-block-separator {
 .has-black-background-color:active {
 	background-color: #24282d;
 }
-