diff --git a/themes/V3/Blank/style.less b/themes/V3/Blank/style.less index 0596f1133..b9f153be6 100644 --- a/themes/V3/Blank/style.less +++ b/themes/V3/Blank/style.less @@ -259,7 +259,7 @@ height : 50%; bottom : 50%; left : 50%; - transform : translateX(-50%) translateY(50%) rotate(calc(-1deg * var(--rotation))) scaleX(var(--scaleX)) scaleY(var(--scaleY)); + transform : translateX(-50%) translateY(50%) rotate(calc(-1deg * var(--rotation))) scaleX(calc(1 / var(--scaleX))) scaleY(calc(1 / var(--scaleY))); transition : transform 2s; } & img { @@ -311,16 +311,17 @@ mask-repeat : no-repeat; mask-size : 100% 100%; //Scale both dimensions to fit page size mask-position : 50% 50%; - transform : rotate(calc(1deg * var(--rotation))); + transform : rotate(calc(1deg * var(--rotation))) scaleX(var(--scaleX)) scaleY(var(--scaleY));; & > p:has(img) { width : 50%; height : 50%; //Complex transform below to handle mix of % and cm offsets left : 25%; bottom : 25%; - transform : rotate(calc(-1deg * var(--rotation))) + transform : scaleX(calc(1 / var(--scaleX))) scaleY(calc(1 / var(--scaleY))) + rotate(calc(-1deg * var(--rotation))) translateX(calc(-1 * var(--offsetX))) - translateY(calc(1 * var(--offsetY))) - scaleX(var(--scaleX)) scaleY(var(--scaleY)); + translateY(calc(1 * var(--offsetY))); + } // &.bottom { // --rotation : 0;