0ct0pu5/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Varia: Fix wide/full align widths for mobile screens

Browse source
This commit is contained in:
Allan Cole 2019-08-27 10:21:48 -04:00
parent 34d1f56941
commit c66760f5f4
3 changed files with 12 additions and 301 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
varia/sass/abstracts/_responsive-logic.scss
View file

@ -40,7 +40,8 @@ $content-width-xxl: calc( #{map-deep-get($config-global, "breakpoint", "xxl")} -
%responsive-alignwide {
@include alignwide-width( $content-width-flex );
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
@ -97,12 +98,14 @@ $content-width-xxl: calc( #{map-deep-get($config-global, "breakpoint", "xxl")} -
margin-left: #{-1 * map-deep-get($config-global, "spacing", "horizontal")};
margin-right: #{-1 * map-deep-get($config-global, "spacing", "horizontal")};
width: calc(100% + #{$horizontal-padding});
max-width: calc(100% + #{$horizontal-padding});
/* Letting the box-model do most of the work here. */
@include media(mobile) {
margin-left: inherit;
margin-right: inherit;
width: inherit;
max-width: inherit;
}
}

154
varia/style-rtl.css
View file

@ -3166,28 +3166,9 @@ img#wpstats {
}
}
<<<<<<< HEAD
.wp-block-group.alignwide .alignwide,
.wp-block-group.alignwide .alignfull,
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
margin-right: calc( 0 * ( 100vw - 100% ));
margin-left: calc( 0 * ( 100vw - 100% ));
width: calc( 100% + (0 * 2) * ( 100vw - 100% ));
max-width: calc( 100% + (0 * 2) * ( 100vw - 100% ));
}
@media only screen and (min-width: 560px) {
.wp-block-group.alignwide .alignwide,
.wp-block-group.alignwide .alignfull,
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
margin-right: calc( 0 * ( 100vw - calc( 560px - 32px) ));
margin-left: calc( 0 * ( 100vw - calc( 560px - 32px) ));
width: calc( calc( 560px - 32px) + (0 * 2) * ( 100vw - calc( 560px - 32px) ));
max-width: calc( calc( 560px - 32px) + (0 * 2) * ( 100vw - calc( 560px - 32px) ));
=======
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(100% + 256px);
max-width: calc(100% - 32px);
width: 100%;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
@ -3196,7 +3177,6 @@ img#wpstats {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(calc( 560px - 32px) + 256px);
max-width: calc(100% - 32px);
>>>>>>> master
}
}
@ -3264,53 +3244,6 @@ img#wpstats {
}
@media only screen and (min-width: 1280px) {
<<<<<<< HEAD
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
margin-right: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
margin-left: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
max-width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
}
}
.wp-block-cover.alignwide .wp-block-cover__inner-container,
.wp-block-cover.alignwide .wp-block-cover-image-text,
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
.wp-block-cover.alignfull .wp-block-cover-image-text,
.wp-block-cover.alignfull .wp-block-cover-text,
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
.wp-block-cover-image.alignwide .wp-block-cover-text,
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
max-width: calc( 100% - 32px);
width: calc( 100% - 32px);
}
@media only screen and (min-width: 560px) {
.wp-block-cover.alignwide .wp-block-cover__inner-container,
.wp-block-cover.alignwide .wp-block-cover-image-text,
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
.wp-block-cover.alignfull .wp-block-cover-image-text,
.wp-block-cover.alignfull .wp-block-cover-text,
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
.wp-block-cover-image.alignwide .wp-block-cover-text,
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
max-width: calc(calc( 560px - 32px) - 32px);
width: calc(calc( 560px - 32px) - 32px);
=======
.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
width: calc(calc( 782px - 32px) + 256px);
max-width: 100%;
@ -3321,6 +3254,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. */
}
@ -3329,6 +3263,7 @@ img#wpstats {
margin-right: inherit;
margin-left: inherit;
width: inherit;
max-width: inherit;
}
}
@ -3339,108 +3274,28 @@ img#wpstats {
@media only screen and (min-width: 560px) {
.entry-content > .alignright {
margin-right: calc( 0.5 * (100vw - calc( 560px - 32px)));
>>>>>>> master
}
}
@media only screen and (min-width: 640px) {
<<<<<<< HEAD
.wp-block-cover.alignwide .wp-block-cover__inner-container,
.wp-block-cover.alignwide .wp-block-cover-image-text,
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
.wp-block-cover.alignfull .wp-block-cover-image-text,
.wp-block-cover.alignfull .wp-block-cover-text,
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
.wp-block-cover-image.alignwide .wp-block-cover-text,
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
max-width: calc( 640px - 32px);
width: calc( 640px - 32px);
=======
.entry-content > .alignright {
margin-right: calc( 0.5 * (100vw - calc( 640px - 32px)));
>>>>>>> master
}
}
@media only screen and (min-width: 782px) {
<<<<<<< HEAD
.wp-block-cover.alignwide .wp-block-cover__inner-container,
.wp-block-cover.alignwide .wp-block-cover-image-text,
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
.wp-block-cover.alignfull .wp-block-cover-image-text,
.wp-block-cover.alignfull .wp-block-cover-text,
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
.wp-block-cover-image.alignwide .wp-block-cover-text,
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
max-width: calc( 782px - 32px);
width: calc( 782px - 32px);
=======
.entry-content > .alignright {
margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
>>>>>>> master
}
}
@media only screen and (min-width: 1024px) {
<<<<<<< HEAD
.wp-block-cover.alignwide .wp-block-cover__inner-container,
.wp-block-cover.alignwide .wp-block-cover-image-text,
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
.wp-block-cover.alignfull .wp-block-cover-image-text,
.wp-block-cover.alignfull .wp-block-cover-text,
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
.wp-block-cover-image.alignwide .wp-block-cover-text,
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
max-width: calc( 782px - 32px);
width: calc( 782px - 32px);
=======
.entry-content > .alignright {
margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
>>>>>>> master
}
}
@media only screen and (min-width: 1280px) {
<<<<<<< HEAD
.wp-block-cover.alignwide .wp-block-cover__inner-container,
.wp-block-cover.alignwide .wp-block-cover-image-text,
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
.wp-block-cover.alignfull .wp-block-cover-image-text,
.wp-block-cover.alignfull .wp-block-cover-text,
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
.wp-block-cover-image.alignwide .wp-block-cover-text,
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
max-width: calc( 782px - 32px);
width: calc( 782px - 32px);
=======
.entry-content > .alignright {
margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
}
@ -3477,7 +3332,6 @@ img#wpstats {
@media only screen and (min-width: 1280px) {
.entry-content > .alignleft {
margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
>>>>>>> master
}
}

154
varia/style.css
View file

@ -3171,28 +3171,9 @@ img#wpstats {
}
}
<<<<<<< HEAD
.wp-block-group.alignwide .alignwide,
.wp-block-group.alignwide .alignfull,
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
margin-left: calc( 0 * ( 100vw - 100% ));
margin-right: calc( 0 * ( 100vw - 100% ));
width: calc( 100% + (0 * 2) * ( 100vw - 100% ));
max-width: calc( 100% + (0 * 2) * ( 100vw - 100% ));
}
@media only screen and (min-width: 560px) {
.wp-block-group.alignwide .alignwide,
.wp-block-group.alignwide .alignfull,
.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
margin-left: calc( 0 * ( 100vw - calc( 560px - 32px) ));
margin-right: calc( 0 * ( 100vw - calc( 560px - 32px) ));
width: calc( calc( 560px - 32px) + (0 * 2) * ( 100vw - calc( 560px - 32px) ));
max-width: calc( calc( 560px - 32px) + (0 * 2) * ( 100vw - calc( 560px - 32px) ));
=======
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(100% + 256px);
max-width: calc(100% - 32px);
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@ -3243,7 +3224,6 @@ img#wpstats {
.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
width: calc(calc( 560px - 32px) + 256px);
max-width: 100%;
>>>>>>> master
}
}
@ -3279,6 +3259,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. */
}
@ -3287,6 +3268,7 @@ img#wpstats {
margin-left: inherit;
margin-right: inherit;
width: inherit;
max-width: inherit;
}
}
@ -3324,53 +3306,6 @@ img#wpstats {
}
@media only screen and (min-width: 1280px) {
<<<<<<< HEAD
.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
margin-left: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
margin-right: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
max-width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
}
}
.wp-block-cover.alignwide .wp-block-cover__inner-container,
.wp-block-cover.alignwide .wp-block-cover-image-text,
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
.wp-block-cover.alignfull .wp-block-cover-image-text,
.wp-block-cover.alignfull .wp-block-cover-text,
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
.wp-block-cover-image.alignwide .wp-block-cover-text,
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
max-width: calc( 100% - 32px);
width: calc( 100% - 32px);
}
@media only screen and (min-width: 560px) {
.wp-block-cover.alignwide .wp-block-cover__inner-container,
.wp-block-cover.alignwide .wp-block-cover-image-text,
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
.wp-block-cover.alignfull .wp-block-cover-image-text,
.wp-block-cover.alignfull .wp-block-cover-text,
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
.wp-block-cover-image.alignwide .wp-block-cover-text,
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
max-width: calc(calc( 560px - 32px) - 32px);
width: calc(calc( 560px - 32px) - 32px);
=======
.entry-content > .alignright {
/*rtl:ignore*/
margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
@ -3386,115 +3321,34 @@ img#wpstats {
.entry-content > .alignleft {
/*rtl:ignore*/
margin-left: calc( 0.5 * (100vw - calc( 560px - 32px)));
>>>>>>> master
}
}
@media only screen and (min-width: 640px) {
<<<<<<< HEAD
.wp-block-cover.alignwide .wp-block-cover__inner-container,
.wp-block-cover.alignwide .wp-block-cover-image-text,
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
.wp-block-cover.alignfull .wp-block-cover-image-text,
.wp-block-cover.alignfull .wp-block-cover-text,
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
.wp-block-cover-image.alignwide .wp-block-cover-text,
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
max-width: calc( 640px - 32px);
width: calc( 640px - 32px);
=======
.entry-content > .alignleft {
/*rtl:ignore*/
margin-left: calc( 0.5 * (100vw - calc( 640px - 32px)));
>>>>>>> master
}
}
@media only screen and (min-width: 782px) {
<<<<<<< HEAD
.wp-block-cover.alignwide .wp-block-cover__inner-container,
.wp-block-cover.alignwide .wp-block-cover-image-text,
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
.wp-block-cover.alignfull .wp-block-cover-image-text,
.wp-block-cover.alignfull .wp-block-cover-text,
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
.wp-block-cover-image.alignwide .wp-block-cover-text,
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
max-width: calc( 782px - 32px);
width: calc( 782px - 32px);
=======
.entry-content > .alignleft {
/*rtl:ignore*/
margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
>>>>>>> master
}
}
@media only screen and (min-width: 1024px) {
<<<<<<< HEAD
.wp-block-cover.alignwide .wp-block-cover__inner-container,
.wp-block-cover.alignwide .wp-block-cover-image-text,
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
.wp-block-cover.alignfull .wp-block-cover-image-text,
.wp-block-cover.alignfull .wp-block-cover-text,
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
.wp-block-cover-image.alignwide .wp-block-cover-text,
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
max-width: calc( 782px - 32px);
width: calc( 782px - 32px);
=======
.entry-content > .alignleft {
/*rtl:ignore*/
margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
>>>>>>> master
}
}
@media only screen and (min-width: 1280px) {
<<<<<<< HEAD
.wp-block-cover.alignwide .wp-block-cover__inner-container,
.wp-block-cover.alignwide .wp-block-cover-image-text,
.wp-block-cover.alignwide .wp-block-cover-text, .wp-block-cover.alignfull .wp-block-cover__inner-container,
.wp-block-cover.alignfull .wp-block-cover-image-text,
.wp-block-cover.alignfull .wp-block-cover-text,
.wp-block-cover-image.alignwide .wp-block-cover__inner-container,
.wp-block-cover-image.alignwide .wp-block-cover-image-text,
.wp-block-cover-image.alignwide .wp-block-cover-text,
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
.wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-group.alignwide .wp-block-group__inner-container,
.wp-block-group.alignfull .wp-block-group__inner-container, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignfull > p,
.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
max-width: calc( 782px - 32px);
width: calc( 782px - 32px);
=======
.entry-content > .alignleft {
/*rtl:ignore*/
margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
>>>>>>> master
}
}