Skip to content

Instantly share code, notes, and snippets.

@wpexplorer
Created September 5, 2023 05:10
Show Gist options
  • Save wpexplorer/75185731700649f070a1dbe19be2cb2f to your computer and use it in GitHub Desktop.
Save wpexplorer/75185731700649f070a1dbe19be2cb2f to your computer and use it in GitHub Desktop.
@media (min-width: 768px) {
:is(.wpex-vc_row-bleed-left,.wpex-vc_row-bleed-right) {
--vp-width-half: calc((100vw - var(--scrollbar-width, 0px)) / 2);
}
/* Bleed Left */
.wpex-vc_row-bleed-left > :is(.vc_vc_column,.vc_column_container):first-child {
padding: 0;
margin-left: calc(-1 * (var(--vp-width-half) - 50%)) !important;
width: calc(50% + (var(--vp-width-half) - 50%));
}
.wpex-vc_row-bleed-left > .vc_vc_column:first-child > .vc_column_container > .vc_column-inner,
.wpex-vc_row-bleed-left > .vc_column_container:first-child > .vc_column-inner {
padding-left: 0;
}
/* Bleed Right */
.wpex-vc_row-bleed-right.wpex-cols-right > .vc_vc_column:first-child > .vc_column_container,
.wpex-vc_row-bleed-right:not(.wpex-cols-right) > .vc_vc_column:nth-child(2) > .vc_column_container,
.wpex-vc_row-bleed-right.wpex-cols-right > .vc_column_container:first-child,
.wpex-vc_row-bleed-right:not(.wpex-cols-right) > .vc_column_container:nth-child(2) {
padding: 0 !important;
margin-right: calc(-1 * (var(--vp-width-half) - 50%)) !important;
width: calc(50% + (var(--vp-width-half) - 50%));
}
.wpex-vc_row-bleed-right.wpex-cols-right > .vc_vc_column:first-child > .vc_column_container > .vc_column-inner,
.wpex-vc_row-bleed-right:not(.wpex-cols-right) > .vc_vc_column:nth-child(2) > .vc_column_container > .vc_column-inner,
.wpex-vc_row-bleed-right.wpex-cols-right > .vc_column_container:first-child > .vc_column-inner,
.wpex-vc_row-bleed-right:not(.wpex-cols-right) > .vc_column_container:nth-child(2) > .vc_column-inner {
padding-right: 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment