Browse Source

Merge branch 'master' into 769-fixes_separator_missing_styles

* master:
  Sophisticated Business: Fix overflowing centred image
  Modern Business: Fix overflowing centred image
  Friendly Business: Fix overflowing centred image
  Calm Business: Fix overfloing centred image

# Conflicts:
#	calm-business/style.css
Jeffrey Pearce 6 years ago
parent
commit
f364735542

+ 0 - 22
calm-business/sass/blocks/_blocks.scss

@@ -507,28 +507,6 @@
 			display: block;
 		}
 
-		.aligncenter {
-
-			@include postContentMaxWidth();
-
-			@include media(tablet) {
-				margin: 0 auto;
-				width: $size__site-tablet-content;
-
-				img {
-					margin: 0 auto;
-				}
-			}
-
-			@include media(desktop) {
-				width: $size__site-desktop-content;
-
-				img {
-					margin: 0 auto;
-				}
-			}
-		}
-
 		&.alignfull img {
 			width: 100vw;
 			max-width: calc( 100% + (2 * #{$size__spacing-unit}));

+ 0 - 31
calm-business/style-rtl.css

@@ -3970,37 +3970,6 @@ body.page .main-navigation {
   display: block;
 }
 
-@media only screen and (min-width: 768px) {
-  .entry .entry-content .wp-block-image .aligncenter {
-    max-width: calc(8 * (100vw / 12) - 28px);
-  }
-}
-
-@media only screen and (min-width: 1168px) {
-  .entry .entry-content .wp-block-image .aligncenter {
-    max-width: calc(6 * (100vw / 12) - 28px);
-  }
-}
-
-@media only screen and (min-width: 768px) {
-  .entry .entry-content .wp-block-image .aligncenter {
-    margin: 0 auto;
-    width: calc(8 * (100vw / 12) - 28px);
-  }
-  .entry .entry-content .wp-block-image .aligncenter img {
-    margin: 0 auto;
-  }
-}
-
-@media only screen and (min-width: 1168px) {
-  .entry .entry-content .wp-block-image .aligncenter {
-    width: calc(6 * (100vw / 12) - 28px);
-  }
-  .entry .entry-content .wp-block-image .aligncenter img {
-    margin: 0 auto;
-  }
-}
-
 .entry .entry-content .wp-block-image.alignfull img {
   width: 100vw;
   max-width: calc( 100% + (2 * 1rem));

+ 0 - 17
calm-business/style.css

@@ -2949,23 +2949,6 @@ a {
   max-width: 100%; }
   .entry .entry-content .wp-block-image img {
     display: block; }
-  @media only screen and (min-width: 768px) {
-    .entry .entry-content .wp-block-image .aligncenter {
-      max-width: calc(8 * (100vw / 12) - 28px); } }
-  @media only screen and (min-width: 1168px) {
-    .entry .entry-content .wp-block-image .aligncenter {
-      max-width: calc(6 * (100vw / 12) - 28px); } }
-  @media only screen and (min-width: 768px) {
-    .entry .entry-content .wp-block-image .aligncenter {
-      margin: 0 auto;
-      width: calc(8 * (100vw / 12) - 28px); }
-      .entry .entry-content .wp-block-image .aligncenter img {
-        margin: 0 auto; } }
-  @media only screen and (min-width: 1168px) {
-    .entry .entry-content .wp-block-image .aligncenter {
-      width: calc(6 * (100vw / 12) - 28px); }
-      .entry .entry-content .wp-block-image .aligncenter img {
-        margin: 0 auto; } }
   .entry .entry-content .wp-block-image.alignfull img {
     width: 100vw;
     max-width: calc( 100% + (2 * 1rem)); }

+ 0 - 22
friendly-business/sass/blocks/_blocks.scss

@@ -497,28 +497,6 @@
 			display: block;
 		}
 
-		.aligncenter {
-
-			@include postContentMaxWidth();
-
-			@include media(tablet) {
-				margin: 0;
-				width: $size__site-tablet-content;
-
-				img {
-					margin: 0 auto;
-				}
-			}
-
-			@include media(desktop) {
-				width: $size__site-desktop-content;
-
-				img {
-					margin: 0 auto;
-				}
-			}
-		}
-
 		&.alignfull img {
 			width: 100vw;
 			max-width: calc( 100% + (2 * #{$size__spacing-unit}));

+ 3 - 3
friendly-business/style-jetpack.css

@@ -77,12 +77,12 @@
 /**
  * Content Options
  */
-
 /**
  * Blocks
  */
-
-/* Contact Form */
+/**
+ * Contact Form
+ */
 .entry-content .contact-form label span {
   color: #0d1b24;
 }

+ 0 - 31
friendly-business/style.css

@@ -3815,37 +3815,6 @@ body.page .main-navigation {
   display: block;
 }
 
-@media only screen and (min-width: 768px) {
-  .entry .entry-content .wp-block-image .aligncenter {
-    max-width: calc(8 * (100vw / 12) - 28px);
-  }
-}
-
-@media only screen and (min-width: 1168px) {
-  .entry .entry-content .wp-block-image .aligncenter {
-    max-width: calc(6 * (100vw / 12) - 28px);
-  }
-}
-
-@media only screen and (min-width: 768px) {
-  .entry .entry-content .wp-block-image .aligncenter {
-    margin: 0;
-    width: calc(8 * (100vw / 12) - 28px);
-  }
-  .entry .entry-content .wp-block-image .aligncenter img {
-    margin: 0 auto;
-  }
-}
-
-@media only screen and (min-width: 1168px) {
-  .entry .entry-content .wp-block-image .aligncenter {
-    width: calc(6 * (100vw / 12) - 28px);
-  }
-  .entry .entry-content .wp-block-image .aligncenter img {
-    margin: 0 auto;
-  }
-}
-
 .entry .entry-content .wp-block-image.alignfull img {
   width: 100vw;
   max-width: calc( 100% + (2 * 1rem));

+ 0 - 26
modern-business/sass/blocks/_blocks.scss

@@ -637,32 +637,6 @@
 			display: block;
 		}
 
-		@include media(tablet) {
-			max-width: calc(6 * (100vw / 12) - 28px);
-		}
-
-		.aligncenter {
-
-			@include postContentMaxWidth();
-
-			@include media(tablet) {
-				margin: 0;
-				width: $size__site-tablet-content;
-
-				img {
-					margin: 0 auto;
-				}
-			}
-
-			@include media(desktop) {
-				width: $size__site-desktop-content;
-
-				img {
-					margin: 0 auto;
-				}
-			}
-		}
-
 		&.alignfull img {
 			width: 100vw;
 			max-width: calc( 100% + (2 * #{$size__spacing-unit}));

+ 0 - 1
modern-business/style-jetpack.css

@@ -77,7 +77,6 @@
 /**
  * Blocks
  */
-
 /* Mailchimp Block - Temp Fix */
 .wp-block-jetpack-mailchimp input[type="email"] {
   width: 100%;

+ 2 - 33
modern-business/style-rtl.css

@@ -4010,37 +4010,6 @@ body.page .main-navigation {
   }
 }
 
-@media only screen and (min-width: 768px) {
-  .entry .entry-content .wp-block-image .aligncenter {
-    max-width: calc(8 * (100vw / 12) - 28px);
-  }
-}
-
-@media only screen and (min-width: 1168px) {
-  .entry .entry-content .wp-block-image .aligncenter {
-    max-width: calc(6 * (100vw / 12) - 28px);
-  }
-}
-
-@media only screen and (min-width: 768px) {
-  .entry .entry-content .wp-block-image .aligncenter {
-    margin: 0;
-    width: calc(8 * (100vw / 12) - 28px);
-  }
-  .entry .entry-content .wp-block-image .aligncenter img {
-    margin: 0 auto;
-  }
-}
-
-@media only screen and (min-width: 1168px) {
-  .entry .entry-content .wp-block-image .aligncenter {
-    width: calc(6 * (100vw / 12) - 28px);
-  }
-  .entry .entry-content .wp-block-image .aligncenter img {
-    margin: 0 auto;
-  }
-}
-
 .entry .entry-content .wp-block-image.alignfull img {
   width: 100vw;
   max-width: calc( 100% + (2 * 1rem));
@@ -4057,7 +4026,7 @@ body.page .main-navigation {
 .entry .entry-content .wp-block-cover-image,
 .entry .entry-content .wp-block-cover {
   position: relative;
-  min-height: 510px;
+  min-height: 430px;
   padding: 1rem;
 }
 
@@ -4075,7 +4044,7 @@ body.page .main-navigation {
 .entry .entry-content .wp-block-cover .wp-block-cover-text {
   color: #fff;
   font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-size: 2.25em;
+  font-size: 1.6875em;
   font-weight: 300;
   line-height: 1.25;
   padding: 0;

+ 0 - 37
modern-business/style.css

@@ -4016,43 +4016,6 @@ body.page .main-navigation {
   display: block;
 }
 
-@media only screen and (min-width: 768px) {
-  .entry .entry-content .wp-block-image {
-    max-width: calc(6 * (100vw / 12) - 28px);
-  }
-}
-
-@media only screen and (min-width: 768px) {
-  .entry .entry-content .wp-block-image .aligncenter {
-    max-width: calc(8 * (100vw / 12) - 28px);
-  }
-}
-
-@media only screen and (min-width: 1168px) {
-  .entry .entry-content .wp-block-image .aligncenter {
-    max-width: calc(6 * (100vw / 12) - 28px);
-  }
-}
-
-@media only screen and (min-width: 768px) {
-  .entry .entry-content .wp-block-image .aligncenter {
-    margin: 0;
-    width: calc(8 * (100vw / 12) - 28px);
-  }
-  .entry .entry-content .wp-block-image .aligncenter img {
-    margin: 0 auto;
-  }
-}
-
-@media only screen and (min-width: 1168px) {
-  .entry .entry-content .wp-block-image .aligncenter {
-    width: calc(6 * (100vw / 12) - 28px);
-  }
-  .entry .entry-content .wp-block-image .aligncenter img {
-    margin: 0 auto;
-  }
-}
-
 .entry .entry-content .wp-block-image.alignfull img {
   width: 100vw;
   max-width: calc( 100% + (2 * 1rem));

+ 1 - 21
sophisticated-business/sass/blocks/_blocks.scss

@@ -513,32 +513,12 @@
 
 	//! Image
 	.wp-block-image {
+		max-width: 100%;
 
 		img {
 			display: block;
 		}
 
-		.aligncenter {
-
-			@include postContentMaxWidth();
-
-			@include media(tablet) {
-				width: $size__site-tablet-content;
-
-				img {
-					margin: 0 auto;
-				}
-			}
-
-			@include media(desktop) {
-				width: $size__site-desktop-content;
-
-				img {
-					margin: 0 auto;
-				}
-			}
-		}
-
 		&.alignfull img {
 			width: 100vw;
 			max-width: calc( 100% + (2 * #{$size__spacing-unit}));

+ 0 - 1
sophisticated-business/style-jetpack.css

@@ -114,7 +114,6 @@ div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedp
 /**
  * Blocks
  */
-
 /* Mailchimp Block - Temp Fix */
 .wp-block-jetpack-mailchimp input[type="email"] {
   width: 100%;

+ 2 - 2
sophisticated-business/style-rtl.css

@@ -3836,7 +3836,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .wp-block-image {
-  max-width: 1000%;
+  max-width: 100%;
 }
 
 .entry .entry-content .wp-block-image img {
@@ -3908,7 +3908,7 @@ body.page .main-navigation {
 .entry .entry-content .wp-block-cover .wp-block-cover-text,
 .entry .entry-content .wp-block-cover h2 {
   font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-size: 2.25em;
+  font-size: 1.6875em;
   font-weight: 700;
   line-height: 1.25;
   padding: 0;

+ 4 - 30
sophisticated-business/style.css

@@ -3847,38 +3847,12 @@ body.page .main-navigation {
   }
 }
 
-.entry .entry-content .wp-block-image img {
-  display: block;
-}
-
-@media only screen and (min-width: 768px) {
-  .entry .entry-content .wp-block-image .aligncenter {
-    max-width: calc(8 * (100vw / 12) - 28px);
-  }
-}
-
-@media only screen and (min-width: 1168px) {
-  .entry .entry-content .wp-block-image .aligncenter {
-    max-width: calc(6 * (100vw / 12) - 28px);
-  }
-}
-
-@media only screen and (min-width: 768px) {
-  .entry .entry-content .wp-block-image .aligncenter {
-    width: calc(8 * (100vw / 12) - 28px);
-  }
-  .entry .entry-content .wp-block-image .aligncenter img {
-    margin: 0 auto;
-  }
+.entry .entry-content .wp-block-image {
+  max-width: 100%;
 }
 
-@media only screen and (min-width: 1168px) {
-  .entry .entry-content .wp-block-image .aligncenter {
-    width: calc(6 * (100vw / 12) - 28px);
-  }
-  .entry .entry-content .wp-block-image .aligncenter img {
-    margin: 0 auto;
-  }
+.entry .entry-content .wp-block-image img {
+  display: block;
 }
 
 .entry .entry-content .wp-block-image.alignfull img {