角度-将输入值传递给CSS

Question

在Angular中是否可以使用传入CSS组件中的值

我有一个例子here。

这是带有css的简单Angular组件，当调整窗口大小时，css中的媒体查询会更改块的颜色。

此媒体查询的像素为600px。

是否可以使用传递到组件中的值来更改此600px

.block{
  background: red;
  height: 200px;
  margin: 0 10px;
  width: 600px;
}

@media(min-width: 600px){
  .block{
    background: blue;
  }
}

更新

我想创建一个组件，在创建组件时可以控制媒体查询何时起作用

所以添加组件可能是这样的。

<block media="500"></block>

css中的媒体查询如下所示

@media(min-with: 500px){}

因此该组件是可重用的，但是在添加媒体组件时确定媒体查询何时生效