harmonyos2-sass-ignis:一个基于mixin的Sass框架,可以更轻松地使用BEM、组织变量等

时间:2024-07-21 09:04:07
【文件属性】:

文件名称:harmonyos2-sass-ignis:一个基于mixin的Sass框架,可以更轻松地使用BEM、组织变量等

文件大小:107KB

文件格式:ZIP

更新时间:2024-07-21 09:04:07

系统开源

和声2 伊格尼斯 Ignis 是我为创建网站而开发的库。 它的主要特点是一个,尽管它还包括一些其他有用的功能: : 临时数据存储 : 持久的数据存储 :响应式排版的概括 中更详细地解释了所有功能。 有关单个 mixin、函数和变量的详细解释,请查看 . 本文档的其余部分是对 Ignis 必须提供的内容的快速概述。 入门 使用您选择的包管理器从 npm 存储库安装包。 npm: npm install sass-ignis 纱线: yarn add sass-ignis 然后在你的 Sass 样式表中包含 Ignis: @import ' sass-ignis/src/main ' ; // (overrides) // files that depend on Ignis Ignis 使用以“ig-”为前缀的函数、mixin 和变量名称,以避免与其他库发生冲突。 但是,有许多可用的 mixin 和函数的较短版本(称为“短代码”)。 只需导入这些文件中的一个即可使用一组特定的短代码: sass-ignis/src/bem-shortcodes : BEM sass-ignis/src/r


【文件预览】:
sass-ignis-main
----jsconfig.json(108B)
----package.json(1KB)
----.pages()
----test()
--------bem()
--------_contexts.scss(5KB)
--------test.js(151B)
--------_gradients.scss(9KB)
--------_props.scss(8KB)
--------_bem.scss(586B)
--------_math.scss(1KB)
--------_harmony.scss(8KB)
--------_functions.scss(5KB)
--------test.scss(241B)
--------_responsive.scss(581B)
----src()
--------bem()
--------_contexts.scss(10KB)
--------bem-shortcodes.scss(5KB)
--------_vars.scss(280B)
--------_gradients.scss(21KB)
--------_props.scss(7KB)
--------prep.scss(37B)
--------responsive-shortcodes.scss(324B)
--------_bem.scss(3KB)
--------_math.scss(1KB)
--------_easing.scss(11KB)
--------_harmony.scss(3KB)
--------_functions.scss(9KB)
--------_responsive.scss(13KB)
--------main.scss(185B)
--------harmony-shortcodes.scss(793B)
----.npmignore(65B)
----.sass-lint.yml(229B)
----LICENSE.md(1KB)
----.gitignore(58B)
----CHANGELOG.md(818B)
----README.md(11KB)
----yarn.lock(149KB)
----.vscode()
--------tasks.json(1KB)

网友评论