Skip to content

Commit

Permalink
PLANET-7744 Fix Media & Text padding in large screens
Browse files Browse the repository at this point in the history
Otherwise the content is impossible to read
  • Loading branch information
mleray committed Feb 7, 2025
1 parent c31f666 commit bbf6cad
Showing 1 changed file with 0 additions and 36 deletions.
36 changes: 0 additions & 36 deletions assets/src/scss/blocks/core-overrides/MediaText.scss
Original file line number Diff line number Diff line change
@@ -1,11 +1,3 @@
@mixin adapt-padding-inline-start($containerWidth) {
padding-inline-start: calc(100% - (#{$containerWidth} / 2) + 0.75rem);
}

@mixin adapt-padding-inline-end($containerWidth) {
padding-inline-end: calc(100% - (#{$containerWidth} / 2) + 0.75rem);
}

.wp-block-media-text {
&:not(.force-no-lightbox) img {
cursor: pointer;
Expand All @@ -30,34 +22,6 @@
width: 100%;
}

&.alignfull.has-media-on-the-right .wp-block-media-text__content {
@include large-and-up {
@include adapt-padding-inline-start(960px);
}

@include x-large-and-up {
@include adapt-padding-inline-start(1140px);
}

@include xx-large-and-up {
@include adapt-padding-inline-start(1320px);
}
}

&.alignfull:not(.has-media-on-the-right) .wp-block-media-text__content {
@include large-and-up {
@include adapt-padding-inline-end(960px);
}

@include x-large-and-up {
@include adapt-padding-inline-end(1140px);
}

@include xx-large-and-up {
@include adapt-padding-inline-end(1320px);
}
}

@include large-and-up {
&.has-media-on-the-right .wp-block-media-text__content {
padding-inline-end: $sp-6;
Expand Down

0 comments on commit bbf6cad

Please sign in to comment.