Вопрос по sass, math, rounding, numbers – Округление чисел в Sass и корректировка количества десятичных знаков

6

Является ли способ sass изменить цифру, на которой происходит округление, я бы хотел прекратить округление числа, подобного этому, 2,0242914979757085% до 2,024%. Я хотел бы настроить количество десятичных знаков в выходных CSS

Ваш Ответ

4   ответа
9

Из журналов изменений SASS:

Числовая точность чисел в Sass теперь может быть установлена с помощью--precision вариант в командной строке. Кроме того, число цифр точности по умолчанию в выводе Sass теперь можно изменить, задав для Sass :: Script :: Number.precision целое число (по умолчанию 3). Поскольку это значение теперь можно изменить, константа PRECISION в Sass :: Script :: Number устарела. В том маловероятном случае, когда вы использовали его в своем коде, вы должны вместо этого использовать Sass :: Script :: Number.precision_factor.

Это было добавлено в SASS 3.1.8.

Я обновил свой ответ соответственно.
поэтому точность в Sass заключается в том, чтобы обрабатывать значения CSS более точно, чем это?
я думаю, что я сформулировал это неправильно, я хочу сохранить 2.024291, но sass продолжает округлять его до 2.024, я хочу остановить это Lawrence
хорошо, это выглядит как то, что мне нужно, но не уверен, как его использовать Lawrence
sass --precision 6 input.scss output.css должен сделать свое дело.
5

Вы можете использовать следующую функцию, которая является небольшим улучшениемфункция, созданная Такеру Сузуки :

@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;
    }
    @if $digits > 0 {
        @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;
    }
}

Output :

decimal-round(0.333)    => 0
decimal-round(0.333, 1) => 0.3
decimal-round(0.333, 2) => 0.33
decimal-round(0.666)    => 1
decimal-round(0.666, 1) => 0.7
decimal-round(0.666, 2) => 0.67
6

Быстрый вариант без каких-либо дополнительных функций - умножить число на 1000, затем округлить его, а затем разделить на 1000.

round($percent * 1000) / 1000;
Действительно чистый! Спасибо
2

Вы также можете сделать следующее:

@function ceilHundredths($numbers) {
    $numbers: $numbers * 10000;

    @if ($numbers < 1) {
        $numbers: $numbers - 1;

    } @else {
        $numbers: $numbers + 1;
    }

    @return round($numbers)/ 100#{"%"};

}

.test--regular {
    margin-left: percentage( -1 / 3 );
}

.test {
    margin-left: ceilHundredths( -1 / 3 );
}

.test--regular--2 {
    margin-left: percentage( 1 / 3 );
}

.test--2 {
    margin-left: ceilHundredths( 1 / 3 );
}

Похожие вопросы