Преглед на файлове

Modern Business: Fix overflowing centred image

Takashi Irie преди 6 години
родител
ревизия
164a54b704
променени са 4 файла, в които са добавени 2 реда и са изтрити 97 реда
  1. 0 26
      modern-business/sass/blocks/_blocks.scss
  2. 0 1
      modern-business/style-jetpack.css
  3. 2 33
      modern-business/style-rtl.css
  4. 0 37
      modern-business/style.css

+ 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));