扩展Sass
原创扩展Sass
您可以扩展Sass的功能,为用户提供不同类型的功能和自定义选项。要使用这些功能,用户需要具备Ruby知识。
定义自定义Sass函数
在使用Ruby API时,您可以定义自己的Sass函数。您可以通过将自定义函数添加到Ruby方法中来添加它们,如下面的代码所示:
module Sass::Script::Functions
def reverse(string)
assert_type string, :String
Sass::Script::Value::String.new(string.value.reverse)
end
declare :reverse, [:string]
end
在代码中,您可以看到Function和declare指定了函数的参数名称。如果失败,它将不接受任何参数,即使函数正在工作,并且它还接受任意的关键字参数。您可以使用value访问器获取Ruby值,并使用rgb、red、green或blue访问颜色对象。
缓存存储
Sass存储已解析文档的缓存,可以重复使用而无需再次解析。Sass使用:cache_location将缓存文件写入文件系统。这使得Sass文件的编译速度更快,如果您删除缓存文件,它们将在下次编译时重新生成。您可以通过设置:cache_store选项来定义自己的缓存存储。这会将缓存文件写入文件系统,或将缓存文件共享给Ruby进程或机器。Sass使用Sass::CacheStores::Base的子类的实例来存储和检索缓存结果。
自定义导入器
Sass使用@import导入SCSS和Sass文件,并将路径传递给@import规则,以查找指定路径的适当路径代码。Sass导入器使用文件系统加载代码,并使用数据库或不同的文件命名方案添加到加载路径中。
单个导入器可以处理单个文件加载,并可以与文件系统路径一起放置在:load_paths数组中。在使用@import时,Sass会查找已加载的路径,这些路径导入导入器的路径。当找到路径时,使用导入的文件。用户可以从Sass::Importers::Base继承导入器。
版权声明
本文仅代表作者观点,不代表本站立场。
本文系作者授权本站发表,未经许可,不得转载。
上一篇:
Sass - 输出样式 下一篇:
Sass - 面试问题
开发学习网




