Sass/Scss - округление с десятичными знаками

Question

У меня есть следующее правило Sass:

$multiplier: 1/3*100;
.ratio_1x0-5{
    padding-bottom: 0.5%*$multiplier;
}

Который выводит следующий CSS:

.ratio_1x0-5{
    padding-bottom: 16.6666666667%
}

Вместо этого - мне нужно, чтобы это правило было следующим (десятичная точность не важна - только то, что последнее значение - 6, а не 7), это для решения проблемы рендеринга субпикселя.

.ratio_1x0-5{
    padding-bottom: 16.6666%
}

Если я использую функцию sass 'floor' - она ​​округляет все до 16%. Есть ли способ округлить до x количество знаков после запятой в Sass? Как насчет использования mixin для этого? Я использую libsass (sass 3.2).

Регулировка "точности" не работает - последнее значение по-прежнему равно "7". Только изменение точности только усекает количество десятичных разрядов - оно не округляет последнее десятичное число, как мне нужно.

Codepen: http://codepen.io/calumbrodie/pen/aOzVga

Изменить: Кто бы ни пометил это как дубликат - это другой вопрос, другой вопрос о "точности", в то время как я подробно объясняю, почему это не о "точности". Я не могу сделать это немного яснее.

Answer 1

Нашел ответ сразу после публикации благодаря следующей Gist:

https://gist.github.com/terkel/4373420

@function decimal-round ($number, $digits: 0, $mode: round) {
    $n: 1;
    // $number must be a number
    @if type-of($number) != number {
        @warn '#{ $number } is not a number.';
        @return $number;
    }
    // $digits must be a unitless number
    @if type-of($digits) != number {
        @warn '#{ $digits } is not a number.';
        @return $number;
    } @else if not unitless($digits) {
        @warn '#{ $digits } has a unit.';
        @return $number;
    }
    @for $i from 1 through $digits {
        $n: $n * 10;
    }
    @if $mode == round {
        @return round($number * $n) / $n;
    } @else if $mode == ceil {
        @return ceil($number * $n) / $n;
    } @else if $mode == floor {
        @return floor($number * $n) / $n;
    } @else {
        @warn '#{ $mode } is undefined keyword.';
        @return $number;
    }
}

Затем используйте его следующим образом:

.ratio_1x0-5{
    padding-bottom: decimal-round(0.5%*$multiplier, 5, floor);
}

Answer 2

Используйте точность $sass: x; он бы явно указывал sass, к чему округлять в терминах десятичных знаков.