在胡迪尼CSS上创建亮度函数

@custom-media --houdini (width: 0px);

@supports (syntax: domain-value(...) ) {
  /* 在这里编写 Houdini CSS 代码 */
}

@supports (syntax: domain-value(...) ) {
  @register property --brightness {
    syntax: "<number>";
    initial-value: 1;
    inherits: false;
  }
}

@supports (syntax: domain-value(...) ) {
  @register property --brightness {
    syntax: "<number>";
    initial-value: 1;
    inherits: false;
  }
  
  html {
    --brightness: 0.5;
  }

  body {
    --brightness: 0.7;
  }

  .my-element {
    @apply --brightness;
  }
}