node.js - SASS；如果元素大小高于 16px，则更改 font-family

Question

我什至不知道这是否可能，我必须带来该网站的 RTL 版本，即 LTR。我正在使用带有 Node 和 Grunt 的 Foundation 5。基本上是一个覆盖了一些 css 规则的文件原始 ltr 文件..

客户要求我这样做；当元素文本的大小高于 16px 时，使用特殊的字体系列。由于其他开发人员不断更改 sass/css，我需要一个工具(或 SASS 公式)，允许在部署文件时自动切换字体系列咕噜声。

因此，我不需要花费大量时间“扫描”整个 css/sass 文件的字体大小，并使用正确的字体系列重新创建这些规则。我需要一些能够自动检测字体大小是否已设置的东西检查它是否高于 16px，如果是，则更改元素的字体系列。

谢谢

Answer 1

对我来说，最好的方法是使用一个 SASS mixin 来应用 font-size 并检查值以应用自定义字体:

@mixin custom-font-size($pixel) {

    font-size: $pixel;
    @if $pixel > 16 {
        font-family: 'Comic Sans MS';
    }
}

并这样调用它:

@include custom-font-size(10px);