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

Popular posts from this blog

qt - QML MouseArea onWheel event not working properly when inside QML Scrollview -

java - is not an enclosing class / new Intent Cannot Resolve Constructor -

python - Error importing VideoFileClip from moviepy : AttributeError: 'PermissionError' object has no attribute 'message' -