localgovdrupal/localgov_base

LocalGov Drupal网站的基主题。

安装次数: 67,961

依赖项: 3

建议者: 0

安全性: 0

星标: 8

关注者: 9

分支: 14

公开问题: 44

语言:Twig

类型:drupal-theme

1.6.1 2024-07-16 11:58 UTC

This package is auto-updated.

Last update: 2024-09-24 13:05:34 UTC


README

LocalGov Drupal Base 主题

欢迎来到LocalGov Drupal基主题。

我们开发这个主题时考虑了可扩展性、易用性和易定制性。这使得这个基主题成为使用LocalGov Drupal分发的任何网站的绝佳起点。

内联文档

我们不是为这个主题创建文档并将它存储在wiki或其他可能不会被更新的地方,而是在代码中写下了详细的注释。这应该可以更容易地知道任何特定的文档项指的是哪个代码块。

主题包含一个自动生成的所有CSS变量的列表,位于variables.md中。

子主题

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

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

创建子主题时需要输入两个项目

  1. 主题名称,可以是任何东西,可以包含空格,例如:超级议会
  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文件,然后创建库来将这些库附加到您的组件。

自动CSS编码标准

为了确保我们遵循Drupal的CSS编码标准(无需思考),有一个实用的npm脚本来自动扫描和修复任何CSS编码标准违规。

简单运行npm install来获取必要的包,然后运行npm start来扫描文件并修复任何问题。

维护者

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