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

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

Browse source
This commit is contained in:
Allan Cole 2019-09-06 17:44:50 -04:00
parent 00a9b16e16
commit c4f5370164
3 changed files with 7 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -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 );
}

9
varia/style-rtl.css
View file

@ -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);
}
}

5
varia/style.css
View file

@ -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);
}
}