css - Scale HTML Mixin -
i'm looking way scale html mixin. i've gotten far adjusting position, width, , height. i'm trying figure out though how can accommodate 100vh elements scales relative html.
@mixin htmlscaler_scale($scale: 1) { html { transform: scale($scale); width: calc((100% / (#{$scale} * 10)) * 10); height: calc((100% / (#{$scale} * 10)) * 10); position: absolute; left: calc(((-100% / (#{$scale} * 10) * 10) + 100%) / 2); top: calc(((-100% / (#{$scale} * 10) * 10) + 100%) / 2); } @if html * style === 100vh { //need here... //update 100vh match scale } }
i'm open suggestions on this. thanks! : )
Comments
Post a Comment