vw-calc/docs/index.d55a8aec.css

Sass function to scale pixel-based value(s) proportionally and accessible.

@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";html,body{color:#09090b;margin:0;padding:0;font-family:JetBrains Mono,monospace,sans-serif}html *,body *{box-sizing:border-box}.container{width:100%;margin:0 auto;padding:0 max(1.5rem,.619718rem + 3.75587vw);position:relative;overflow:hidden}.title{letter-spacing:-.375rem;margin:0;padding:0;font-size:max(3.5rem,3.14789rem + 1.50235vw)}.description{font-size:max(.875rem,.786972rem + .375587vw);font-weight:300}.description code{font-weight:700}.guide{text-align:center;border-bottom:.0625rem solid #09090b40;width:100%;margin:0 auto;font-size:.75rem}.guide--wide{max-width:90rem}.guide--narrow{max-width:23.4375rem}.guide span{background-color:#fff;padding:0 1rem;display:inline-block;position:relative;translate:0 50%}.grid{grid-template-columns:1fr;place-content:start;place-items:start;gap:0 max(1rem,.647887rem + 1.50235vw);display:grid}.input-output{grid-gap:max(1rem,.119718rem + 3.75587vw);color:#000000bf;border-bottom:.0625rem solid #09090b40;grid-template-columns:1fr 1fr;place-content:start;place-items:center;width:100%;padding:2rem 0;font-size:max(.75rem,.705986rem + .187793vw);display:grid}@media screen and (width<=48rem){.input-output{grid-template-columns:1fr}}.input-output .info{width:100%}.input-output .block{margin-bottom:1rem}.input-output .block:last-child{margin-bottom:0}.input-output .block>span{margin-bottom:.25rem;font-weight:700;display:block}.input-output code{color:#fff;background:#09090b80;border-radius:.5rem;width:-moz-fit-content;width:fit-content;padding:1rem;font-size:max(.75rem,.705986rem + .187793vw);line-height:max(1.125rem,1.08099rem + .187793vw);display:block}.output{color:#fff;background-color:#008000cc;border-radius:.25rem;padding:.25rem}.demo{color:#00e}.demo--heading{font-size:max(1rem,.647887rem + 1.50235vw)}.demo--paragraph{font-size:max(.75rem,.617958rem + .56338vw);line-height:max(1rem,.911972rem + .375587vw)}.demo--box{background-color:#00e;border-radius:max(.75rem,.485915rem + 1.12676vw);width:max(6.25rem,4.0493rem + 9.38967vw);height:max(6.25rem,4.0493rem + 9.38967vw)}
/*# sourceMappingURL=index.d55a8aec.css.map */