Browse Source

Coutoire: Recompiling to fix spacing issues in fullwidth images on mobile screens.

Allan Cole 5 years ago
parent
commit
2a8abfc515
2 changed files with 12 additions and 28 deletions
  1. 6 14
      coutoire/style-rtl.css
  2. 6 14
      coutoire/style.css

+ 6 - 14
coutoire/style-rtl.css

@@ -1895,15 +1895,14 @@ p.has-background {
 }
 
 hr {
-	border-bottom-color: #DDDDDD;
-	border-bottom-width: 2px;
+	border-bottom: 2px solid #DDDDDD;
 	clear: both;
 	margin-right: auto;
 	margin-left: auto;
 }
 
 hr.wp-block-separator {
-	border-bottom-color: #DDDDDD;
+	border-bottom: 2px solid #DDDDDD;
 	/**
 		 * Block Options
 		 */
@@ -1913,11 +1912,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: #DDDDDD;
-	border-bottom-width: 2px;
-}
-
 hr.wp-block-separator.is-style-dots:before {
 	color: #DDDDDD;
 	font-size: 1.728rem;
@@ -2021,10 +2015,6 @@ table th,
 /**
  * .aligndefault
  */
-.entry-content [class*="inner-container"] {
-	max-width: inherit;
-}
-
 /**
  * .alignwide
  */
@@ -3207,8 +3197,8 @@ img#wpstats {
 }
 
 .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
-	width: calc(100% + 256px);
-	max-width: calc(100% - 32px);
+	width: 100%;
+	max-width: 100%;
 	margin-right: auto;
 	margin-left: auto;
 }
@@ -3294,6 +3284,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. */
 }
 
@@ -3302,6 +3293,7 @@ img#wpstats {
 		margin-right: inherit;
 		margin-left: inherit;
 		width: inherit;
+		max-width: inherit;
 	}
 }
 

+ 6 - 14
coutoire/style.css

@@ -1895,15 +1895,14 @@ p.has-background {
 }
 
 hr {
-	border-bottom-color: #DDDDDD;
-	border-bottom-width: 2px;
+	border-bottom: 2px solid #DDDDDD;
 	clear: both;
 	margin-left: auto;
 	margin-right: auto;
 }
 
 hr.wp-block-separator {
-	border-bottom-color: #DDDDDD;
+	border-bottom: 2px solid #DDDDDD;
 	/**
 		 * Block Options
 		 */
@@ -1913,11 +1912,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: #DDDDDD;
-	border-bottom-width: 2px;
-}
-
 hr.wp-block-separator.is-style-dots:before {
 	color: #DDDDDD;
 	font-size: 1.728rem;
@@ -2026,10 +2020,6 @@ table th,
 /**
  * .aligndefault
  */
-.entry-content [class*="inner-container"] {
-	max-width: inherit;
-}
-
 /**
  * .alignwide
  */
@@ -3224,8 +3214,8 @@ img#wpstats {
 }
 
 .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
-	width: calc(100% + 256px);
-	max-width: calc(100% - 32px);
+	width: 100%;
+	max-width: 100%;
 	margin-left: auto;
 	margin-right: auto;
 }
@@ -3311,6 +3301,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. */
 }
 
@@ -3319,6 +3310,7 @@ img#wpstats {
 		margin-left: inherit;
 		margin-right: inherit;
 		width: inherit;
+		max-width: inherit;
 	}
 }