问题标签 [modular-scale]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
210 浏览

gruntjs - 使用 Grunt 安装“模块化规模”需要不带指南针 config.rb

我正在尝试通过我的 Gruntfile 安装 'modular-scale' ( https://github.com/Team-Sass/modular-scale ) 但我无法让它工作。

请注意,我不使用 config.rb,我想通过 grunt-contrib-compass 要求使用 Grunt 的插件。

我认为这就像将它添加到我的 Gruntfile 一样简单(在grunt.initConfig({etc 之后):

监视任务绝对没问题。问题是,如果我使用作为“模块化规模”插件一部分的 SASS 变量之一,我会抛出一个错误,表明实际上并不需要“模块化规模”。

我在这里错过了什么吗?

0 投票
1 回答
344 浏览

css - 我应该使用模块化比例保持 62.5% 的字体大小吗?

我目前正在使用 underscores.me WordPress 入门主题来构建 WordPress 主题。我刚刚开始使用模块化比例进行排版。我注意到默认情况下 underscores.me 使用 62.5% 的 html 字体大小。将其删除并仅使用 1rem 作为我的基本字体大小是否安全?我还计划在不同的断点有不同的字体大小,所以看起来 62.5% 可能会妨碍。任何建议将不胜感激。

0 投票
1 回答
100 浏览

sass - 在 SASS 映射中为模块化比例 ms-range 创建值

我想做的是

  • 循环遍历地图 $breakpoints,
  • 拉出每个断点的最小值,
  • 根据每个计算一个 em 值,
  • 然后将这些用于全局地图 $ms-range

此代码需要生成一个如下所示的变量:

我无法获得返回我想要的格式的函数。也许是地图扩展?!我不知道。我需要一个SASS大师!

萨斯:

SASSMEISTER 链接: http: //www.sassmeister.com/gist/700f0721fd7940c84435cb1b5210f5d7

0 投票
1 回答
74 浏览

css - 带有断点的模块化刻度为每个断点生成相同的值

我正在使用https://github.com/modularscale/modularscale-sass

我有这个设置:

);

然后我使用:

但输出 CSS 为两个断点提供了相同的 font-size 值:

仅使用 1.125 比率...

我究竟做错了什么 ?

谢谢