Method lengthAbs

engine/layout.js:524–627

(i, property, parent = this.parent)

  // technically <length-percentage> but uhm yeah
  lengthAbs(i, property, parent = this.parent) {
    const x = this.resolveValue(i ?? '', property, parent);
    if (typeof x === 'number') return x;

    if (property === 'font-size') {
      if (this.tagName === 'document') return this.defaultFontSize();

      // :/
      switch (x) {
        case 'xx-small': return this.defaultFontSize() * (3/5);
        case 'x-small': return this.defaultFontSize() * (3/4);
        case 'small': return this.defaultFontSize() * (8/9);
        case 'medium': return this.defaultFontSize() * (1);
        case 'large': return this.defaultFontSize() * (6/5);
        case 'x-large': return this.defaultFontSize() * (3/2);
        case 'xx-large': return this.defaultFontSize() * (2/1);
        case 'xxx-large': return defaultFontSize * (3/1);

        // not specified exactly :(
        case 'smaller': return this.parent.fontSize() * (5/6);
        case 'larger': return this.parent.fontSize() * (6/5);
      }
    }

    let val = '', unit = '';

    for (const c of x) {
      if (c >= 'a' || c === '%') {
        unit += c;
      } else val += c;
    }

    if (!unit) {
      switch (property) {
        case 'line-height':
          unit = 'em';
          break;

        default:
          unit = 'px';
          break;
      }
    }

    val = parseFloat(val);
    if (Number.isNaN(val)) val = 0;

    switch (unit) {
      case 'px': return val;

      case 'cm': return val * CM;
      case 'mm': return val * (CM / 10);
      case 'Q': return val * (CM / 40);
      case 'in': return val * IN;
      case 'pc': return val * (IN / 6);
      case 'pt': return val * (IN / 72);

      case '%':