Prechádzať zdrojové kódy

Implement suggested changes

Towhidul Islam 5 rokov pred
rodič
commit
7bc9e79593
3 zmenil súbory, kde vykonal 51 pridanie a 0 odobranie
  1. 19 0
      morden/sass/_extra-child-theme.scss
  2. 16 0
      morden/style-rtl.css
  3. 16 0
      morden/style.css

+ 19 - 0
morden/sass/_extra-child-theme.scss

@@ -25,6 +25,7 @@ a {
 
 	@include media(desktop) {
 		box-shadow: 0 0 30px rgba(#000, 0.2);
+		max-width: $content-width-xxl;
 	}
 }
 
@@ -246,6 +247,24 @@ body {
 /**
  * Blocks
  */
+
+// Constrain left-aligned blocks
+@media only screen and (min-width: 1280px) {
+	.entry-content > .wp-block-button:not(.alignleft):not(.alignright),
+	.entry-content > .alignleft {
+		margin-left: calc( 0.5 * (100% - calc( 782px - 32px)));
+		max-width: calc( 0.5 * calc( 782px - 32px));
+	}
+}
+
+// Constrain right-aligned blocks
+@media only screen and (min-width: 1280px) {
+	.entry-content > .alignright {
+		margin-right: calc( 0.5 * (100% - calc( 782px - 32px)));
+		max-width: calc( 0.5 * calc( 782px - 32px));
+	}
+}
+
 // Cover & Hero block
 .wp-block-cover .wp-block-cover__inner-container,
 .wp-block-coblocks-hero .wp-block-coblocks-hero__box {

+ 16 - 0
morden/style-rtl.css

@@ -3987,6 +3987,7 @@ p:not(.site-title) a:hover {
 @media only screen and (min-width: 1024px) {
 	#page {
 		box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
+		max-width: calc( 1280px - 32px);
 	}
 }
 
@@ -4188,6 +4189,21 @@ p:not(.site-title) a:hover {
 /**
  * Blocks
  */
+@media only screen and (min-width: 1280px) {
+	.entry-content > .wp-block-button:not(.alignleft):not(.alignright),
+	.entry-content > .alignleft {
+		margin-right: calc( 0.5 * (100% - calc( 782px - 32px)));
+		max-width: calc( 0.5 * calc( 782px - 32px));
+	}
+}
+
+@media only screen and (min-width: 1280px) {
+	.entry-content > .alignright {
+		margin-left: calc( 0.5 * (100% - calc( 782px - 32px)));
+		max-width: calc( 0.5 * calc( 782px - 32px));
+	}
+}
+
 .wp-block-cover .wp-block-cover__inner-container > *,
 .wp-block-coblocks-hero .wp-block-coblocks-hero__box > * {
 	margin-top: 21.312px;

+ 16 - 0
morden/style.css

@@ -4016,6 +4016,7 @@ p:not(.site-title) a:hover {
 @media only screen and (min-width: 1024px) {
 	#page {
 		box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
+		max-width: calc( 1280px - 32px);
 	}
 }
 
@@ -4217,6 +4218,21 @@ p:not(.site-title) a:hover {
 /**
  * Blocks
  */
+@media only screen and (min-width: 1280px) {
+	.entry-content > .wp-block-button:not(.alignleft):not(.alignright),
+	.entry-content > .alignleft {
+		margin-left: calc( 0.5 * (100% - calc( 782px - 32px)));
+		max-width: calc( 0.5 * calc( 782px - 32px));
+	}
+}
+
+@media only screen and (min-width: 1280px) {
+	.entry-content > .alignright {
+		margin-right: calc( 0.5 * (100% - calc( 782px - 32px)));
+		max-width: calc( 0.5 * calc( 782px - 32px));
+	}
+}
+
 .wp-block-cover .wp-block-cover__inner-container > *,
 .wp-block-coblocks-hero .wp-block-coblocks-hero__box > * {
 	margin-top: 21.312px;