kanopi/saplings_child

Saplings 子主题的 Drupal 主题

维护者

详细信息

github.com/kanopi/saplings_child

主页

源代码

问题

安装次数: 12,365

依赖项: 1

建议者: 0

安全性: 0

星级: 0

关注者: 8

分支: 0

公开问题: 5

语言:Twig

类型:drupal-theme

1.0.0.beta.35 2024-09-23 21:12 UTC

GPL-2.0+ 3384a03e8d16fb2ccd2cf400f64e0ea9c4a34d74

This package is auto-updated.

Last update: 2024-09-23 21:13:03 UTC

README

这是一个 Ui Bootstrap 主题的子主题，用于演示如何实现一些集成，例如

  • CKEditor 5 样式表
  • 实用类中的负边距
  • 背景渐变

这些集成无法在基本主题中完成，因为它们要么在 Bootstrap 默认编译的 CSS 中未启用，要么无法以通用方式完成。

使用方法

您可以复制/粘贴此主题以初始化自己的子主题。

您需要更改

  • 文件的机器名
  • 文件内的机器名
  • 根据 Bootstrap 库修改路径以重新编译资产
  • 如果您在本地测试安装中使用此主题，那么很可能是 fin init 失败，并且没有提示您运行 fin install-theme-tools，所以请确保您这样做！

设置步骤

按照以下步骤设置和自定义您的子主题

  1. 导航到您的主题目录

    cd web/themes/custom/saplings_child

  2. 在 "assets/scss/custom" 目录下创建所有您自定义的 SCSS 文件。

  3. 运行以下命令以监视和编译 SCSS 文件

    npm run watch

    此命令监视您的 SCSS 文件中的更改，并自动编译它们。

策略

此示例主题中没有向后兼容性策略。

破坏性更改可能会在任何时候发生。

USCF Starter Sites 需要的自定义样式

有一个变量无法通过 UI Skins 模块访问，我们需要通过主题文件更新它，即 --bs-nav-link-font-size 变量，可以在 overrides.scss 文件中放置所需的更改。

.menu--banner .nav-link {
--bs-nav-link-font-size: 0.875rem;
}