屁话

虚构的Kin启动器 Sass包.

使用量

使用fk-sass有两种方法. 1)通过npm,其中项目特定样式扩展了基础包或2)下载并直接复制到你的项目.

下载和复制

下载此重播并复制 scss 输入您的项目目录。 您的 sass 编译步骤应该包括该目录作为加载路径, 以便 @use 财务报告和审定财务报表 @forward 发言如所预期.

编译脚本的例子看起来像:

sass scss:css --source-map --load-path=scss

通过国家预防机制

在工程目录中运行以下内容以安装 :

yarn add @fictivekin/fk-sass --dev

复制 example-project 从此 repo 到 sass 文件所在的您的工程 .

添加此新目录和 node_modules 您的 sass 编译脚本的 fk- sass 目录 。 以下是一个编译脚本的例子 :

sass scss:css --source-map --load-path=scss --load-path=node_modules/@fictivekin/fk-sass/scss

通过这个设置,工程 sass文件被设置为或者覆盖 fk-sass文件,倒回 fk-sass文件,或者成为 fk-sass 文件的补充.

这使得您可以在不改变基件包的情况下创建 proopject 特定样式.

请注意,有一些实例表明,这实际上表现在 example-project 目录。 有几个模块 _settings.scss 用于控制模块外观而无需重写或复制基底样式的文件.

事情要知道这一点

资产

有一个css url 帮助。 添加用于您的 sass 部分 :

@use 'lib/assets';

或者说

@use 'lib/assets' as *;

它也包含在配置收藏中,可以与:

@use 'config' as *;

config/_assets.scss 有个很好的例子 http-url, (中文(简体) ), font-url,以及 image-url 被使用。 此文件还允许您设定这些资产目录的位置 . 记住: 创建一个 config/_assets.scss 在工程 sass 文件中,要覆盖基准软件包中设置的目录.

Buildstamp也可以是资产连接的重要组成部分. 为了利用这一点,您的建设/部署进程应增加一个 _buildstamp.scss 在您的 sass 目录中的文件 $BUILDSTAMP 变量被设定(用于您为此使用的任意命名公约).

配置和自定义属性

这个 config 财务报告和审定财务报表 _1_base/properties 目录似乎完成类似的任务——它们都包含可以控制会影响您很多工程的设置的文件.

数字文件夹中的所有文件 - _1_base, (中文(简体) ), _2_layout等——写出实际CSS风格. 所有文件都输入 config 财务报告和审定财务报表 lib 不写入 CSS, 并被设计为用于其他文件中的助手 .

这就是为什么自定义属性设置在 _1_base,但 sass 变量设置在 config。你会想访问两组文件来准备您的项目的设置.

网格

此时,没有包含fk-ass的全相容网格系统. CSS网格的先入为主意味着在使用时在特定模块内定义网格往往比较简单(使用较少的CSS).

我们用这个来评估.