Responsive design 如何向语义ui构建系统添加新的less文件以利用语义less变量

我想向语义ui构建系统添加一个新的

.less

文件。我该怎么做

像这样

/* Mobile */
@media only screen and (max-width: (@tabletBreakpoint - 1)) {
  [class*="mobile hidden"],
  [class*="tablet only"]:not(.mobile),
  [class*="computer only"]:not(.mobile),
  [class*="large screen only"]:not(.mobile),
  [class*="widescreen only"]:not(.mobile),
  [class*="or lower hidden"] {
    display: none !important;
  }
}

---

我想利用语义变量并根据它编译新文件。

我已将代码片段添加到默认主题

站点中。覆盖
并运行
gulp build
，一切正常