adrexia / silverstripe-gumby-theme
Silverstripe Gumby Theme
Requires
- composer/installers: *
- silverstripe/cms: >=3.1
- silverstripe/framework: >=3.1
This package is auto-updated.
Last update: 2024-09-06 15:29:17 UTC
README
迁移自 https://gitlab.cwp.govt.nz/nguyer/cwp-gumby-theme
此项目最初是为了在CWP代码库中用gumby替换bootstrap而开始的,但也可以作为任何silverstripe主题的起点。CWP基础模板已更新以与gumby scss框架兼容,并在需要的地方添加了额外的样式。考虑到可访问性,但主题使用gumby默认设置,并进行了轻微调整以适应cwp模板。
Compass和Sass编译问题?
此分支已更新以使用最新的Compass和Sass。如果您在编译时遇到问题,请尝试使用此主题的旧版本(2.6.3-oldcompass)。
目的
此主题旨在作为开发的起点,而不是即用即用的主题。因此,它没有被设计成看起来像CWP默认主题,设计修改已经保持到最小。希望这意味着您花费的时间更少,用于移除不需要的设计功能,而更多地用于添加自己的主题。
如何使用
要么获取git url,并将其克隆到您的主题目录中,要么将其添加到您的composer文件中[更多信息即将到来] git clone https://github.com/adrexia/silverstripe-gumby.git
开发建议在Sass文件上进行,而不是直接编辑CSS。每个组件都尽可能分成了自己的文件。
如果您以前从未使用过Gumby、Sass或Compass,这是一个良好的起点
如果您需要更多信息,请尝试
当您拥有主题并将其重命名为适合您项目的名称时,打开_settings.scss(sass/var/_setting.scss)并编辑主题名称变量以匹配。这将更新所有scss链接以指向您的主题。请记住,在主题文件夹中运行grunt watch以编译您的scss。
构建
此主题现在使用grunt编译CSS和JavaScript。您可以删除此依赖项,并直接链接到预构建的CSS和js要求。没有魔法,但像grunt这样的工具在设置后可以节省一些时间。如果您以前从未使用过grunt,请从这里开始[开始这里] (http://mattbailey.io/a-beginners-guide-to-grunt/)
一旦您已安装npm,请从
npm install
您的主题目录内(themes/your_theme)运行以安装所有依赖项。然后运行
grunt watch
This will watch for changes in both your Sass and Javascript files, and compile them for you.
如果您正在使用CWP,您应该覆盖CWP BasePage.php函数,该函数包含脚本和CSS,以防止它尝试包含不需要的文件(或以错误的顺序包含它们)。要添加额外的依赖项,请打开Gruntfile.js并在concat : dist : src下添加它们。
浏览器支持
- Firefox, Chrome
- IE8及以上
- Android, iPhone, iPad
截图
首页
MIT开源许可证
本许可证授权任何人免费获得本软件及其相关文档文件(以下简称“软件”)的副本,在不限于使用、复制、修改、合并、发布、分发、再许可和/或出售软件副本的权利,并允许软件的接受者进行此类操作,但须遵守以下条件
上述版权声明和本许可证声明应包含在软件的所有副本或主要部分中。
软件按“原样”提供,不提供任何形式的保证,无论是明示的还是默示的,包括但不限于适销性、适用于特定目的和不侵犯他人权利的保证。在任何情况下,作者或版权所有者均不对任何索赔、损害或其他责任负责,无论其是基于合同、侵权或其他任何原因,以及与软件或软件的使用或其他处置有关的任何索赔。