localgovdrupal/localgov_microsites_base

LocalGov Drupal 微站的基础主题。

维护者

详细信息

github.com/localgovdrupal/localgov_microsites_base

主页

源代码

问题

安装量: 6,016

依赖者: 2

建议者: 0

安全性: 0

星标: 0

关注者: 6

分支: 1

开放性问题: 13

语言:CSS

类型:drupal-theme

2.0.2 2024-09-24 16:09 UTC

Requires

GPL-2.0-or-later 2dc563eddbd10c82033377361bf7e38088971bd4

This package is auto-updated.

Last update: 2024-09-24 16:10:19 UTC

README

LocalGov Base 的子主题。请也阅读那里的 README。

通过 UI 自定义外观

“微站管理员”拥有通过 UI 设置多个 CSS 变量的权限。这些变量将覆盖在 /css/variables.css 中设置的默认变量。

创建 LocalGov 微站基础子主题

为了为您的微站之一或多个创建自定义主题，我们建议创建 LocalGov 微站基础子主题。一个“微站控制器”能够为微站安装并设置新的主题。

快速概述

  1. 创建一个新的 LocalGov 微站基础子主题（见下文）
  2. 从 localgov_microsites_base/css/variables.css 中复制您需要的变量，并设置默认的品牌颜色、字体等
  3. 仅使用“启用”按钮启用此主题，不要使用“启用并设为默认”按钮。之后，您然后可以点击“设为默认”按钮。这个两步过程是必需的，以确保默认主题的所有块都过渡到您新主题中的相同块区域。

子主题

要创建子主题，您只需运行位于 /scripts 目录中的子主题创建脚本，如下所示

  cd web/themes/contrib/localgov_microsites_base/
  bash scripts/create_subtheme.sh

创建子主题时，您需要输入两项内容

  1. 主题名称，这可以是任何东西，并且可以包含空格，例如 Super Council
  2. 主题的机器名称，这必须以字母开头，并仅使用小写字母和下划线，例如 super_council

自定义样式

希望您需要的自定义样式中的大部分都通过子主题中的 /css/variables.css 文件中的 CSS 自定义属性设置。

这是您设置颜色、字体、间距等的地方。然后您将这些变量“应用”到所需的位置，如下所示

  :root {
    /* Set/Override Variables */
    --color-accent: red;
    --spacing-largest: 5rem;

    /* Apply Variables */
    --color-link: var(--color-accent);
    --breadcrumbs-background-color: var(--color-accent);
    --section-spacing-vertical-header: var(--spacing-largest);
  }

如果您需要添加任何 CSS 覆盖，您可以为此创建自定义 CSS 文件，然后创建库/库来附加到您的组件。

维护者

此项目目前由以下人员维护