#sprite #compass #css #url #image #page #web

compass-sprite

在网页上实现 CSS 使用精灵

3 个版本

使用旧的 Rust 2015

0.0.3 2015年4月19日
0.0.2 2015年4月19日
0.0.1 2015年4月18日

#9 in #compass

MIT 许可证

8KB
136

sprite

正在实现 Compass 的精灵辅助工具:http://compass-style.org/reference/compass/helpers/sprites/

[Travis 构建状态:] (https://travis-ci.org/compass-rs/sprite) ![Travis 构建状态] (https://travis-ci.org/compass-rs/sprite.svg?branch=master)

文档:http://compass-rs.github.io/sprite/

这是一个正在进行中的项目。要测试其功能,请运行示例

cargo run --example build-sprite data/my-icons/

Running `target/debug/examples/build-sprite data/my-icons/`

.edit3 {
  background-url: url('/imagesbuild-sprite-out/sprite.png') -64px 0 no-repeat;
 }

.edit1 {
  background-url: url('/imagesbuild-sprite-out/sprite.png') 0 0 no-repeat;
 }

.edit2 {
  background-url: url('/imagesbuild-sprite-out/sprite.png') -32px 0 no-repeat;
 }

lib.rs:

本项目提供 Compass 精灵辅助工具的实现 参考

对于图像处理,我们使用的是 Piston 的一部分 image 库。

依赖

~9.5MB
~27K SLoC