时间戳

首页 > 解决方案 > 如何编辑基础站点框架的scss变量并重新编译CSS？

html - 如何编辑基础站点框架的scss变量并重新编译CSS？

问题描述

我一直在寻找一种方法来编辑基础框架中的 responsive-embed 类的变量。我一直在尝试关注文档，还尝试查看他们的 youtube 频道以获得支持。但是，我没有使用 SCSS/SASS 或 gulp 的经验，我无法从文档中了解很多。

我正在尝试将 responsive-embed-ratio 的默认属性更改为 9 x 16。变量看起来像这样。

$responsive-embed-ratios: (
  default: 16 by 9,
  vertical: 9 by 16,
  panorama: 256 by 81,
  square: 1 by 1,
);

我要遵循的文档在这里

我正在使用带有 create-react-app 的 React.js，并且我已经通过 NPM 安装了基础站点。

标签： htmlcssreactjssasszurb-foundation

解决方案

推荐阅读