.dcss-scale-linear

Maps a value from a domain to a range, in proportion.

Example

Result
Markup
<link rel="stylesheet" href="dcss.css">
<link rel="stylesheet" href="families/scale.css">
<link rel="stylesheet" href="families/format.css">

<div class="dcss-scale-linear" style="--domain-0: 0; --domain-1: 2000; --range-0: 0; --range-1: 1000; --value: 82">
  <output class="dcss-format-fixed" style="--value: var(--dcss-scale-linear); --precision: 1"></output>
</div>

Browser support

BrowserSupport
ChromeYes
SafariYes
FirefoxWhole numbers only

See also