#sass #style-sheet #luthien #color #plugin #compile

app luthien-sass

Luthien 插件,用于编译 Sass 样式表

1 个不稳定版本

0.1.0 2021年5月18日

#22 in #style-sheet

MIT 许可证

9KB
68 代码行

Luthien 样式表

luthien-sass 允许您使用 Luthien 主题数据生成复杂的样式表。样式表使用 Sass 编写,因此也可以实现复杂的颜色调整和逻辑。

安装

使用 Cargo 从 Crates.io 安装

cargo install luthien-sass

配置

将插件添加到您的 Luthien 配置中

[[plugins]]
executable = "~/.cargo/bin/luthien-sass"

编写样式表

插件配置目录中的 Sass 样式表(例如 ~/.config/luthien/plugins/sass)将使用 grass 编译。它与 Dart Sass 几乎具有相同的功能兼容性;有关更多详细信息,请参阅其文档。

要访问主题数据,您可以使用名为 luthien 的模块。此模块也输出到输出目录(在大多数类 Unix 系统上为 ~/.local/share/luthien/outputs/plugins/sass/)。该模块包含以下变量

  • luthien.$wallpaper:指向壁纸图像的 url()
  • luthien.$palette:颜色名称到颜色的映射。以下键包含
    • 黑色
    • 红色
    • 绿色
    • 黄色
    • 蓝色
    • 紫色
    • 青色
    • 白色
  • luthien.$accents:按重要性降序排列的强调颜色列表。它应该至少包含六个元素。
  • luthien.$foreground:前景颜色。
  • luthien.$background:背景颜色。

编译

使用 grass 编译样式表后,输出将写入输出目录中与同一名称的文件,但文件扩展名为 css。例如,名为 colors.scss 的样式表将输出为名为 colors.css 的文件。

依赖关系

~6.5MB
~132K SLoC