Ramonda

RMD062 — A style block was applied with no values for its holes

A compiled block that has { … } holes is a function, and reading it without calling it hands the element every custom property name and no value for any of them.

Measured: the element then renders with the class and no custom properties at all, so every declaration in the rule that reads one falls back to its initial value. Nothing else says so — the class is there, the stylesheet is there, and the page is simply wrong.

The compiler never writes that, so what reaches the runtime is hand-written code or a wrapper. Write the block and let the transform produce the value:

import { Component, state } from "@ramonda/core";

class Row extends Component {
  @state weight = 4;

  render() {
    return <div css={@@( border-left: {`${this.weight}px`} solid #ff0055; )}>a row</div>;
  }
}

A block with no holes is a value already and is passed as it is. See style blocks.

Next