Browse Source

Alves: Fixes spacing issues in fullwidth images on mobile screens, small tweak to header padding.

Allan Cole 5 years ago
parent
commit
99d6116f29
3 changed files with 12 additions and 34 deletions
  1. 0 2
      alves/sass/_extra-child-theme.scss
  2. 6 16
      alves/style-rtl.css
  3. 6 16
      alves/style.css

+ 0 - 2
alves/sass/_extra-child-theme.scss

@@ -155,8 +155,6 @@ blockquote p {
 }
 
 #masthead {
-	padding-left: 0;
-	padding-right: 0;
 	padding-bottom: $spacing_vertical;
 }
 

+ 6 - 16
alves/style-rtl.css

@@ -1896,25 +1896,19 @@ p.has-background {
 }
 
 hr {
-	border-bottom-color: #3E7D98;
-	border-bottom-width: 2px;
+	border-bottom: 2px solid #3E7D98;
 	clear: both;
 	margin-right: auto;
 	margin-left: auto;
 }
 
 hr.wp-block-separator {
-	border-bottom-color: #3E7D98;
+	border-bottom: 2px solid #3E7D98;
 	/**
 		 * Block Options
 		 */
 }
 
-hr.wp-block-separator.is-style-wide {
-	border-bottom-color: #3E7D98;
-	border-bottom-width: 2px;
-}
-
 hr.wp-block-separator.is-style-dots:before {
 	color: #3E7D98;
 	font-size: 2.16rem;
@@ -2018,10 +2012,6 @@ table th,
 /**
  * .aligndefault
  */
-.entry-content [class*="inner-container"] {
-	max-width: inherit;
-}
-
 /**
  * .alignwide
  */
@@ -3204,8 +3194,8 @@ img#wpstats {
 }
 
 .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead {
-	width: calc(100% + 256px);
-	max-width: calc(100% - 32px);
+	width: 100%;
+	max-width: 100%;
 	margin-right: auto;
 	margin-left: auto;
 }
@@ -3291,6 +3281,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. */
 }
 
@@ -3299,6 +3290,7 @@ img#wpstats {
 		margin-right: inherit;
 		margin-left: inherit;
 		width: inherit;
+		max-width: inherit;
 	}
 }
 
@@ -3522,8 +3514,6 @@ blockquote p {
 }
 
 #masthead {
-	padding-right: 0;
-	padding-left: 0;
 	padding-bottom: 32px;
 }
 

+ 6 - 16
alves/style.css

@@ -1896,25 +1896,19 @@ p.has-background {
 }
 
 hr {
-	border-bottom-color: #3E7D98;
-	border-bottom-width: 2px;
+	border-bottom: 2px solid #3E7D98;
 	clear: both;
 	margin-left: auto;
 	margin-right: auto;
 }
 
 hr.wp-block-separator {
-	border-bottom-color: #3E7D98;
+	border-bottom: 2px solid #3E7D98;
 	/**
 		 * Block Options
 		 */
 }
 
-hr.wp-block-separator.is-style-wide {
-	border-bottom-color: #3E7D98;
-	border-bottom-width: 2px;
-}
-
 hr.wp-block-separator.is-style-dots:before {
 	color: #3E7D98;
 	font-size: 2.16rem;
@@ -2023,10 +2017,6 @@ table th,
 /**
  * .aligndefault
  */
-.entry-content [class*="inner-container"] {
-	max-width: inherit;
-}
-
 /**
  * .alignwide
  */
@@ -3221,8 +3211,8 @@ img#wpstats {
 }
 
 .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead {
-	width: calc(100% + 256px);
-	max-width: calc(100% - 32px);
+	width: 100%;
+	max-width: 100%;
 	margin-left: auto;
 	margin-right: auto;
 }
@@ -3308,6 +3298,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. */
 }
 
@@ -3316,6 +3307,7 @@ img#wpstats {
 		margin-left: inherit;
 		margin-right: inherit;
 		width: inherit;
+		max-width: inherit;
 	}
 }
 
@@ -3551,8 +3543,6 @@ blockquote p {
 }
 
 #masthead {
-	padding-left: 0;
-	padding-right: 0;
 	padding-bottom: 32px;
 }