css - CSS 代码中的 @from-width 和 @from-table 到底是什么

Question

我正在尝试阅读一些代码，并且在样式化的 jsx 中看到了以下“注释”：

@from-width tablet {
  h1 {
    font-size: ${`calc(${theme.font.size.xxxl} * 1.2)`};
  }
}

@from-width desktop {
  h1 {
    font-size: ${`calc(${theme.font.size.xxxl} * 1.4)`};
  }
}

@below desktop {
  ul {
    padding-top: 10px;
  }
}

我很想知道这里使用的@from-width,@below术语叫什么。他们的目的是什么。

虽然我知道这些块为不同的屏幕尺寸定义了 css，但我在网上找不到任何语法信息。

我也尝试在谷歌上搜索，但找不到任何提及。我还在存储库中进行了搜索，也没有找到这些术语的任何类型的“声明/定义”。