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

python - How to insert QWidgets in the middle of a Layout? -

python - serve multiple gunicorn django instances under nginx ubuntu -

module - Prestashop displayPaymentReturn hook url -