SketchSum

Sketch Sum

Sketch, configure, quote. A CPQ product I’m building for custom manufacturing. In development.

[data-intro-layer]{display:none!important} [data-live]{visibility:visible!important;animation:none!important} [data-card-frame]{opacity:1!important;animation:none!important} [data-stage][data-intro] [data-card-frame]{left:calc(var(--p-x)*100vw - var(--w)/2)!important;top:calc(var(--p-y)*100vh - var(--w)/var(--p-ar)/2)!important;width:var(--w)!important;height:calc(var(--w)/var(--p-ar))!important} [data-stage][data-intro] [data-card-front]{border-radius:calc(var(--p-r)*1px)!important} [data-stage][data-intro] [data-layer]{opacity:1!important} [data-js-only]{display:none!important} [role=tabpanel][hidden]{display:block!important;margin-top:28px} [data-stage] main{pointer-events:auto} [data-panel-title]{position:static!important;width:auto!important;height:auto!important;margin:0 0 8px!important;clip-path:none!important;font-size:13px;letter-spacing:.14em;text-transform:uppercase} @media (max-width: 699px){ [data-stage]{overflow:hidden auto!important;background:var(--bg)!important;transition:background var(--vt),color var(--vt)!important} [data-bg]{display:none} [data-stage] [data-live],[data-stage] header,[data-stage] main,[data-title-box],[data-scene]{position:static!important} [data-stage] main{display:flex;flex-direction:column;pointer-events:auto!important} [data-title-box]{order:0;margin:4px var(--gutter) 0;align-items:flex-start!important} [data-title]{flex-wrap:wrap;white-space:normal!important;font-size:min(var(--t-size-row,var(--t-size-narrow,var(--t-size))),11vw)!important} [data-ghost-box],[data-echo],[data-drag-hint]{display:none!important} [data-card-frame],[data-stage][data-intro] [data-card-frame]{order:1;position:relative!important;left:auto!important;top:auto!important;flex:none;width:min(62vw,340px)!important;height:auto!important;aspect-ratio:var(--p-ar);margin:20px auto 64px!important;transform:none!important} [data-scene][inert]{display:none!important} [data-scene]{order:2;max-height:none!important;overflow:visible!important;padding-top:0!important;padding-bottom:0!important} [data-stage][data-view=case] [data-card-frame]{display:none!important} [data-stage] nav{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:72px max(var(--gutter),30px) 28px} }