文件名称:Retina-Sprites-for-Compass:允许在Compass中使用视网膜中的精灵
文件大小:38KB
文件格式:ZIP
更新时间:2024-05-03 22:20:33
CSS
指南针的视网膜精灵 允许您在Compass中使用带有添加的视网膜变体的精灵。 可以像普通的精灵助手一样工作,但是使用这些mixin变得容易得多。 看一下示例以查看结果。 问题: 您希望您的站点将视网膜图像提供给视网膜显示,而不是非视网膜显示。 这种mixin /解决方案将使您非常轻松地使用精灵,并让Compass生成两种不同大小的映射。 由于我们必须开发可提供视网膜图像和背景图像的站点,因此我们CSS中的精灵和背景图像方法可能会变得有些混乱。 只需调用一次,此mixin就可以知道必须向浏览器提供哪个图像,并且还将调整它的大小以显示出它是否在您的常规图像尺寸中。 如何使用: 您需要做的第一件事是下载mixins并将它们放在您的scss / sass文件所在的位置。 注意文件名开头的下划线,这将防止Compass将这些文件编译为CSS。 使用以下命令将mixin包括在您的SASS /
【文件预览】:
Retina-Sprites-for-Compass-master
----.gitignore(79B)
----README.md(4KB)
----bower.json(658B)
----package.json(602B)
----src()
--------_sprite-icons-enum.scss(160B)
--------_retina-sprites.scss(2KB)
--------_retina-background-image.scss(872B)
----example()
--------index.html(737B)
--------assets()
----sache.json(375B)