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

Varia: Fixes typo in responsive logic where 100vw should be 100%

Browse source
This commit is contained in:
Allan Cole 2019-08-21 12:06:08 -04:00
parent a0b63619f4
commit dee85effbd
3 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
varia/sass/abstracts/_mixins.scss
View file

@ -52,7 +52,7 @@
}
width: calc(#{$width} + #{2 * $multiplier});
max-width: calc(100vw - #{2 * map-deep-get($config-global, "spacing", "horizontal")});
max-width: calc(100% - #{2 * map-deep-get($config-global, "spacing", "horizontal")});
}
@mixin alignwide-width-nested( $width: 100%, $multiplier...) {

12
varia/style-rtl.css
View file

@ -3164,7 +3164,7 @@ img#wpstats {
.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(100vw - 32px);
max-width: calc(100% - 32px);
margin-right: auto;
margin-left: auto;
}
@ -3172,35 +3172,35 @@ img#wpstats {
@media only screen and (min-width: 560px) {
.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(100vw - 32px);
max-width: calc(100% - 32px);
}
}
@media only screen and (min-width: 640px) {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(calc( 640px - 32px) + 256px);
max-width: calc(100vw - 32px);
max-width: calc(100% - 32px);
}
}
@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(100vw - 32px);
max-width: calc(100% - 32px);
}
}
@media only screen and (min-width: 1024px) {
.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(100vw - 32px);
max-width: calc(100% - 32px);
}
}
@media only screen and (min-width: 1280px) {
.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(100vw - 32px);
max-width: calc(100% - 32px);
}
}

12
varia/style.css
View file

@ -3170,7 +3170,7 @@ img#wpstats {
.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(100vw - 32px);
max-width: calc(100% - 32px);
margin-left: auto;
margin-right: auto;
}
@ -3178,35 +3178,35 @@ img#wpstats {
@media only screen and (min-width: 560px) {
.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(100vw - 32px);
max-width: calc(100% - 32px);
}
}
@media only screen and (min-width: 640px) {
.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
width: calc(calc( 640px - 32px) + 256px);
max-width: calc(100vw - 32px);
max-width: calc(100% - 32px);
}
}
@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(100vw - 32px);
max-width: calc(100% - 32px);
}
}
@media only screen and (min-width: 1024px) {
.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(100vw - 32px);
max-width: calc(100% - 32px);
}
}
@media only screen and (min-width: 1280px) {
.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(100vw - 32px);
max-width: calc(100% - 32px);
}
}