Browse Source

Varia: Make alignwide blocks work like normal blocks up to the desktop breakpoint

Allan Cole 5 years ago
parent
commit
c4f5370164
3 changed files with 7 additions and 13 deletions
  1. 3 3
      varia/sass/abstracts/_responsive-logic.scss
  2. 2 7
      varia/style-rtl.css
  3. 2 3
      varia/style.css

+ 3 - 3
varia/sass/abstracts/_responsive-logic.scss

@@ -52,12 +52,12 @@ $content-width-xxl: calc( #{map-deep-get($config-global, "breakpoint", "xxl")} -
 		max-width: $content-width-md;
 	}
 
-	/* Matches normal width until laptop breakpoint */
-
 	@include media(laptop) {
-		@include alignwide-width( $content-width-lg );
+		max-width: $content-width-lg;
 	}
 
+	/* Matches normal width until desktop breakpoint */
+
 	@include media(desktop) {
 		@include alignwide-width( $content-width-lg );
 	}

+ 2 - 7
varia/style-rtl.css

@@ -1981,10 +1981,6 @@ table th,
 /**
  * .aligndefault
  */
-.entry-content [class*="inner-container"] {
-	max-width: inherit;
-}
-
 /**
  * .alignwide
  */
@@ -3170,7 +3166,7 @@ img#wpstats {
 	margin-right: auto;
 	margin-left: auto;
 	max-width: 100%;
-	/* Matches normal width until laptop breakpoint */
+	/* Matches normal width until desktop breakpoint */
 }
 
 @media only screen and (min-width: 560px) {
@@ -3187,8 +3183,7 @@ img#wpstats {
 
 @media only screen and (min-width: 782px) {
 	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
-		width: calc(calc( 782px - 32px) + 256px);
-		max-width: calc(100% - 32px);
+		max-width: calc( 782px - 32px);
 	}
 }
 

+ 2 - 3
varia/style.css

@@ -3171,7 +3171,7 @@ img#wpstats {
 	margin-left: auto;
 	margin-right: auto;
 	max-width: 100%;
-	/* Matches normal width until laptop breakpoint */
+	/* Matches normal width until desktop breakpoint */
 }
 
 @media only screen and (min-width: 560px) {
@@ -3188,8 +3188,7 @@ img#wpstats {
 
 @media only screen and (min-width: 782px) {
 	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
-		width: calc(calc( 782px - 32px) + 256px);
-		max-width: calc(100% - 32px);
+		max-width: calc( 782px - 32px);
 	}
 }