harmonyos2-modularscale-sass:Sass中内置的模块化规模计算器

时间:2024-07-21 08:05:49
【文件属性】:

文件名称:harmonyos2-modularscale-sass:Sass中内置的模块化规模计算器

文件大小:52KB

文件格式:ZIP

更新时间:2024-07-21 08:05:49

系统开源

和声2 模块化秤 模块化量表是具有相同关系的值列表。 这些值通常用于确定字体大小并在设计中营造和谐感。 从我们手指上的关节间距到树上的树枝,模块化尺度内的比例无处不在。 自古希腊时代以来,这些自然比例就一直在建筑和设计中使用,并且可以成为网页设计师利用的非常有用的工具。 Ems 与模块化尺度配合得特别好,因为它们的递归属性模仿模块化尺度,使它们更可预测且更易于管理。 像素和其他单位工作得很好,响应式网页设计中的断点自然会落在您的规模上,以便与您的文本建立更好的相关性,因为布局中的所有值都相互协调。 首先,您需要选择一个比率和一个基值。 基值通常是您的文本字体大小或 1em。 您可以选择添加另一个值来创建双链模块化比例,这可能有助于为中间值创建更多选项。 此基本尺寸与黄金比例或任何音乐比例等比例配对将创建您共享此比例的值的比例。 安装 眼镜 终端: npm install modularscale-sass --save-dev SCSS: @import 'modularscale' 带有 sass-loader 的 Webpack 终端: npm install modularsca


【文件预览】:
modularscale-sass-3.x
----changelog.md(2KB)
----test-eyeglass()
--------package.json(266B)
--------build.js(346B)
--------.gitignore(51B)
--------main.scss(734B)
----sache.json(541B)
----package.json(796B)
----readme.md(9KB)
----test-compass()
--------css()
--------config.rb(399B)
--------index.html(3KB)
--------sass()
----Gemfile(86B)
----eyeglass-exports.js(138B)
----libsass()
--------package.json(309B)
--------package-lock.json(132KB)
--------scss()
--------public()
----stylesheets()
--------modularscale()
--------_modularscale.scss(386B)
----.ruby-gemset(12B)
----license.md(1KB)
----.gitignore(124B)
----lib()
--------modular-scale.rb(1KB)
----bower.json(287B)
----modular-scale.gemspec(1KB)

网友评论