Angular - передать входное значение в css

Question

Возможно ли в Angular использовать значение, переданное в компонент в css

У меня есть пример здесь .

Это простой угловой компонент с cssпри изменении размера окна медиа-запрос в 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){}

Таким образом, компонент можно использовать повторноно когда медиазапрос вступает в силу, определяется, когда компонент добавляется