瀏覽代碼

Morden: Recompiling to fix spacing issues in fullwidth images on mobile screens, also fixes header spacing.

Allan Cole 5 年之前
父節點
當前提交
a76e436512
共有 3 個文件被更改,包括 45 次插入34 次删除
  1. 11 2
      morden/sass/_extra-child-theme.scss
  2. 17 16
      morden/style-rtl.css
  3. 17 16
      morden/style.css

+ 11 - 2
morden/sass/_extra-child-theme.scss

@@ -221,8 +221,6 @@ body {
  */
 #masthead {
 	background: #{map-deep-get($config-global, "color", "foreground", "default")};
-	padding-left: 0;
-	padding-right: 0;
 
 	& > * {
 		position: relative;
@@ -294,6 +292,17 @@ table,
 	}
 }
 
+.entry-content > .alignfull,
+.entry-content > .alignfull.wp-block-jetpack-gif,
+.entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	@include media(mobile-only) {
+		margin-left: inherit;
+		margin-right: inherit;
+		width: inherit;
+		max-width: inherit;
+	}
+}
+
 /**
  * Hentry
  */

+ 17 - 16
morden/style-rtl.css

@@ -1896,15 +1896,14 @@ p.has-background {
 }
 
 hr {
-	border-bottom-color: #C5C5C5;
-	border-bottom-width: 2px;
+	border-bottom: 2px solid #C5C5C5;
 	clear: both;
 	margin-right: auto;
 	margin-left: auto;
 }
 
 hr.wp-block-separator {
-	border-bottom-color: #C5C5C5;
+	border-bottom: 2px solid #C5C5C5;
 	/**
 		 * Block Options
 		 */
@@ -1914,11 +1913,6 @@ hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
 	max-width: 96px;
 }
 
-hr.wp-block-separator.is-style-wide {
-	border-bottom-color: #C5C5C5;
-	border-bottom-width: 2px;
-}
-
 hr.wp-block-separator.is-style-dots:before {
 	color: #C5C5C5;
 	font-size: 1.52087rem;
@@ -2022,10 +2016,6 @@ table th,
 /**
  * .aligndefault
  */
-.entry-content [class*="inner-container"] {
-	max-width: inherit;
-}
-
 /**
  * .alignwide
  */
@@ -3208,8 +3198,8 @@ img#wpstats {
 }
 
 .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead .site-header-wrap {
-	width: calc(100% + 256px);
-	max-width: calc(100% - 32px);
+	width: 100%;
+	max-width: 100%;
 	margin-right: auto;
 	margin-left: auto;
 }
@@ -3295,6 +3285,7 @@ img#wpstats {
 	margin-right: -16px;
 	margin-left: -16px;
 	width: calc(100% + 32px);
+	max-width: calc(100% + 32px);
 	/* Letting the box-model do most of the work here. */
 }
 
@@ -3303,6 +3294,7 @@ img#wpstats {
 		margin-right: inherit;
 		margin-left: inherit;
 		width: inherit;
+		max-width: inherit;
 	}
 }
 
@@ -3623,8 +3615,6 @@ hr.wp-block-separator.is-style-wide,
  */
 #masthead {
 	background: #303030;
-	padding-right: 0;
-	padding-left: 0;
 }
 
 #masthead > * {
@@ -3690,6 +3680,17 @@ table th,
 	border-color: #C5C5C5;
 }
 
+@media only screen and (max-width: 559px) {
+	.entry-content > .alignfull,
+	.entry-content > .alignfull.wp-block-jetpack-gif,
+	.entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+		margin-right: inherit;
+		margin-left: inherit;
+		width: inherit;
+		max-width: inherit;
+	}
+}
+
 /**
  * Hentry
  */

+ 17 - 16
morden/style.css

@@ -1896,15 +1896,14 @@ p.has-background {
 }
 
 hr {
-	border-bottom-color: #C5C5C5;
-	border-bottom-width: 2px;
+	border-bottom: 2px solid #C5C5C5;
 	clear: both;
 	margin-left: auto;
 	margin-right: auto;
 }
 
 hr.wp-block-separator {
-	border-bottom-color: #C5C5C5;
+	border-bottom: 2px solid #C5C5C5;
 	/**
 		 * Block Options
 		 */
@@ -1914,11 +1913,6 @@ hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
 	max-width: 96px;
 }
 
-hr.wp-block-separator.is-style-wide {
-	border-bottom-color: #C5C5C5;
-	border-bottom-width: 2px;
-}
-
 hr.wp-block-separator.is-style-dots:before {
 	color: #C5C5C5;
 	font-size: 1.52087rem;
@@ -2027,10 +2021,6 @@ table th,
 /**
  * .aligndefault
  */
-.entry-content [class*="inner-container"] {
-	max-width: inherit;
-}
-
 /**
  * .alignwide
  */
@@ -3225,8 +3215,8 @@ img#wpstats {
 }
 
 .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead .site-header-wrap {
-	width: calc(100% + 256px);
-	max-width: calc(100% - 32px);
+	width: 100%;
+	max-width: 100%;
 	margin-left: auto;
 	margin-right: auto;
 }
@@ -3312,6 +3302,7 @@ img#wpstats {
 	margin-left: -16px;
 	margin-right: -16px;
 	width: calc(100% + 32px);
+	max-width: calc(100% + 32px);
 	/* Letting the box-model do most of the work here. */
 }
 
@@ -3320,6 +3311,7 @@ img#wpstats {
 		margin-left: inherit;
 		margin-right: inherit;
 		width: inherit;
+		max-width: inherit;
 	}
 }
 
@@ -3652,8 +3644,6 @@ hr.wp-block-separator.is-style-wide,
  */
 #masthead {
 	background: #303030;
-	padding-left: 0;
-	padding-right: 0;
 }
 
 #masthead > * {
@@ -3719,6 +3709,17 @@ table th,
 	border-color: #C5C5C5;
 }
 
+@media only screen and (max-width: 559px) {
+	.entry-content > .alignfull,
+	.entry-content > .alignfull.wp-block-jetpack-gif,
+	.entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+		margin-left: inherit;
+		margin-right: inherit;
+		width: inherit;
+		max-width: inherit;
+	}
+}
+
 /**
  * Hentry
  */