habeuk / application
主题自定义 itietogo
0.0.1
2023-12-28 09:52 UTC
README
Sass Starterkit
以下是使用 Sass 预处理器创建 Bootstrap 子主题的说明。
先决条件
- 阅读@link getting_started 开始使用 @endlink 和@link subtheme 子主题 @endlink 文档主题。
- 您必须了解使用 Sass CSS 预处理器的基礎概念。
- 您必须使用 本地 Sass 编译器。
- 您必须使用以
.scss
扩展名结尾的 Bootstrap 框架源文件,而不是以.css
扩展名结尾的文件。
额外设置 {#setup}
下载并解压 最新 的 3.x.x 版本的 Bootstrap 框架源文件 到您新子主题的根目录。解压后,目录(如果需要)应重命名为 ./THEMENAME/bootstrap
。
如果由于某种原因,您有一个额外的 bootstrap
目录包裹第一个 bootstrap
目录(例如,./THEMENAME/bootstrap/bootstrap
),请删除包裹的 bootstrap
目录。只有当您需要升级 Bootstrap 框架 时,您才需要触摸这些文件。
{.alert.alert-warning} 警告:不要直接修改 ./THEMENAME/bootstrap
内的文件。这样做可能会在将来升级 Bootstrap 框架 时造成问题。
覆盖 {#overrides}
./THEMENAME/scss/_default-variables.scss
文件通常是您将花费大部分时间提供任何应使用 Bootstrap 框架 而不是其自身的默认变量。
./THEMENAME/scss/overrides.scss
文件包含各种 Drupal 覆盖,以便与 Bootstrap 框架 正确集成。它可能包含一些增强功能,您可以根据需要编辑此文件。
./THEMENAME/scss/style.scss
文件是将 _default-variables.scss
、Bootstrap 框架源文件 和 overrides.scss
文件结合在一起的马甲。通常,您不需要修改此文件,除非您需要添加或删除要导入的文件。这是您应该编译到 ./THEMENAME/css/styles.css
的文件(请注意,文件名相同,当然使用不同的扩展名)。
另请参阅
- @link 模板 Templates @endlink
- @link 子主题设置 Theme Settings @endlink
- @link 注册表 Theme Registry @endlink