johndoh/stretchedelastic

扩展弹性皮肤,以支持桌面和列表邮件视图布局

安装: 130

依赖项: 0

建议者: 0

安全: 0

星星: 4

观察者: 1

分支: 0

开放问题: 0

语言:HTML

类型:roundcube-skin

0.1.1 2023-08-13 08:54 UTC

This package is auto-updated.

Last update: 2024-09-04 09:51:06 UTC


README

此皮肤扩展了Roundcube附带的自弹性皮肤,以支持邮件屏幕上的桌面和列表显示模式,以及一些其他小调整。此皮肤不是一个独立的包。

注意

这只是从GIT仓库中提取的快照,不是Stretched Elastic的稳定版本。它打算与Roundcube的GIT-master版本一起使用,并且可能与旧版本不兼容。Stretched Elastic的稳定版本可在Roundcube插件仓库或GitHub仓库的发布部分找到。

许可证

此文件夹的内容受Creative Commons Attribution-ShareAlike许可证的约束。允许复制、分发、传播并修改作品,前提是在README.md文件中保留对原始作者的致谢。有关详细信息,请参阅CC BY-SA 3.0

安装

  • 将此皮肤文件夹放入Roundcube的皮肤目录
  • 要将此设置为默认皮肤,请将 $config['skin'] 设置为 stretchedelastic
  • 要隐藏Roundcube设置屏幕上的原始弹性皮肤,请使用 $config['skins_allowed'] 选项

注意:从GitHub下载插件时,您需要创建一个名为stretchedelastic的目录,并将文件放入其中,忽略下载存档中的根目录。

所有样式都使用LESS语法编写。皮肤附带预编译的CSS,但如果您想自定义它,则可以使用lessc (>= 2.5.2) 命令行工具进行重新编译。这包含在nodejs-less RPM包中,或使用npm install less进行安装,它依赖于nodejs。

$ lessc --clean-css="--s1 --advanced" --include-path=../elastic/styles styles/styles.less > styles/styles.min.css

(--clean-css="--s1 --advanced" 最小化css,需要clean-css Less插件。可以使用npm install less-plugin-clean-css安装插件)

从包含的CSS文件中对图像文件的引用可以附加缓存破坏标记,以避免更新后浏览器缓存问题。

在打包皮肤或在其目标系统上安装后,请运行bin/updatecss.sh --dir skins/stretchedelastic。

对于开发者

  • 可以通过 _styles.less 和 _variables.less 文件更改皮肤颜色调色板和其他CSS修改。在这里,您可以覆盖所有变量并添加自定义样式。