Primeflex 变量 $lg

Question

在 Primeflex 文档中，变量 $lg（笔记本显示器等屏幕的断点）的默认值为 992px。我该如何改变它？例如，我想设置默认值 1100px。请协助我使用 Primeflex 3.0.1

Answer 1

这在https://www.primefaces.org/primeflex/setup

中有解释

Variables

SASS variables are available to customize and create your own primeflex build. To begin with clone the primeflex repo and then build the primeflex.scss file after your customizations. Refer to Sass documentation for more information about how to build scss files.

该部分中不太清楚的是在哪里可以找到变量。您需要修改此文件：

https://github.com/primefaces/primeflex/blob/master/_sass/lib/src/_variables.scss

Answer 2

您可能不想修改任何内容，因为如果它更新，您的修改将会消失。使用覆盖来完成此操作。将以下内容添加到您的 .scss

$lg:992px !important;

Answer 3

这些步骤解决了我的问题，谢谢:)

从 https://github.com/primefaces/primeflex
更改路径 _sass/lib/src/_variables.scss
使用命令 npm install -g sass
打开项目
运行 npm install 安装包
运行 npm 运行 build-lib 将创建新的 dist 文件夹
将 dist 文件夹复制到正在进行的项目中
从 package.json 文件中删除“primeflex”：“3.0.1”
在 angular.json 文件中添加使用导入 primeflex.css 的路径 ("styles": [ "/primeflex/primeflex.min.css" ])

Primeflex 变量 $lg

Primeflex variables $lg

sass

primeflex

Variables