Selaa lähdekoodia

Hever: Recompiling to fix spacing issues in fullwidth images on mobile screens, clean up spacing in header & footer.

Allan Cole 5 vuotta sitten
vanhempi
commit
8b611c9914
3 muutettua tiedostoa jossa 12 lisäystä ja 50 poistoa
  1. 0 6
      hever/sass/_extra-child-theme.scss
  2. 6 22
      hever/style-rtl.css
  3. 6 22
      hever/style.css

+ 0 - 6
hever/sass/_extra-child-theme.scss

@@ -30,18 +30,12 @@ a {
 }
 
 #masthead {
-	padding-left: 0;
-	padding-right: 0;
 	padding-bottom: 0;
 }
 
 #colophon {
 	margin-left: auto;
 	margin-right: auto;
-
-	@include media(mobile-only) {
-		padding: 0;
-	}
 }
 
 /**

+ 6 - 22
hever/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
  */
@@ -3209,8 +3199,8 @@ img#wpstats {
 
 .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
 #colophon {
-	width: calc(100% + 256px);
-	max-width: calc(100% - 32px);
+	width: 100%;
+	max-width: 100%;
 	margin-right: auto;
 	margin-left: auto;
 }
@@ -3303,6 +3293,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. */
 }
 
@@ -3313,6 +3304,7 @@ img#wpstats {
 		margin-right: inherit;
 		margin-left: inherit;
 		width: inherit;
+		max-width: inherit;
 	}
 }
 
@@ -3451,8 +3443,6 @@ p:not(.site-title) a:hover {
 }
 
 #masthead {
-	padding-right: 0;
-	padding-left: 0;
 	padding-bottom: 0;
 }
 
@@ -3461,12 +3451,6 @@ p:not(.site-title) a:hover {
 	margin-left: auto;
 }
 
-@media only screen and (max-width: 559px) {
-	#colophon {
-		padding: 0;
-	}
-}
-
 /**
  * Mobile-Menu
  */

+ 6 - 22
hever/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
  */
@@ -3226,8 +3216,8 @@ img#wpstats {
 
 .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
 #colophon {
-	width: calc(100% + 256px);
-	max-width: calc(100% - 32px);
+	width: 100%;
+	max-width: 100%;
 	margin-left: auto;
 	margin-right: auto;
 }
@@ -3320,6 +3310,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. */
 }
 
@@ -3330,6 +3321,7 @@ img#wpstats {
 		margin-left: inherit;
 		margin-right: inherit;
 		width: inherit;
+		max-width: inherit;
 	}
 }
 
@@ -3480,8 +3472,6 @@ p:not(.site-title) a:hover {
 }
 
 #masthead {
-	padding-left: 0;
-	padding-right: 0;
 	padding-bottom: 0;
 }
 
@@ -3490,12 +3480,6 @@ p:not(.site-title) a:hover {
 	margin-right: auto;
 }
 
-@media only screen and (max-width: 559px) {
-	#colophon {
-		padding: 0;
-	}
-}
-
 /**
  * Mobile-Menu
  */