Как да конвертирате цяло число в шестнадесетичен в SASS

Бих направил това:

$icons: "000", "001", "002";

@function icon($i) {
  @return "\F#{nth($icons, 1)}";
}

h1::before {
  content: icon(1);
}

Редактиране:

Ако искате да свържете дума със стойност, опитайте да използвате списък от списъци и да преминете през тях. Няма да се преструвам, че това е много ефективно, но работи. Би било хубаво, ако Sass имаше хешове.

$icons: '000' calendar, '001' inbox, '002' home

@function icon($call)
  @for $i from 1 through length($icons)
    @if $call == nth(nth($icons, $i), 2)
      @return "\F#{nth(nth($icons, $i), 1)}"

h1::before
  content: icon(calendar)

Друго изпълнение на последния въпрос във вашата публикация: „Има ли нещо, което прави преобразуване на низове от цяло число в шестнадесетичен в SASS?“ това е най-кратката версия (не работи на най-старата версия, защото str-slice може да липсва).

@function decToHex($dec) {
    $hex: "0123456789ABCDEF";
    $first: (($dec - $dec % 16)/16)+1;
    $second: ($dec % 16)+1;
    @return str-slice($hex, $first, $first) + str-slice($hex, $second, $second)
}

Предишните отговори не ни помогнаха, така че ето две бързи функции за преобразуване на цяло число в множество различни бази, включително шестнадесетични:

@function decimal-to-base($decimal, $to_base, $chars: '0123456789abcdefghijklmnopqrstuvwxyz')
  @if type-of($decimal) != 'number'
    @error '$decimal must be an integer.'
  @if type-of($to_base) != 'number'
    @error '$to-base must be an integer.'
  @if type-of($chars) != 'string'
    @error '$chars must be a string.'
  @if $to_base < 2
    @error '$to-base must be larger than 1.'
  @if $to_base > str-length($chars)
    @error 'Length of $chars must be equal or larger than $to-base.'
  @return _decimal-to-base($decimal, $to_base, $chars)

@function _decimal-to-base($decimal, $to_base, $chars, $_accum: '')
  @if $decimal <= 0
    @return if($_accum != '', $_accum, '0')
  $remainder: $decimal % $to_base
  $char: str-slice($chars, $remainder + 1, $remainder + 1)
  $remaining_decimal: ($decimal - $remainder) / $to_base
  @return _decimal-to-base($remaining_decimal, $to_base, $chars, $char + $_accum)

Ако не ви интересува обработката на грешки, можете да пропуснете дългата първа функция (която всъщност само валидира аргументите и задава знаците по подразбиране) и просто копирайте втората функция.

Също така имайте предвид, че това е написано на SASS, а не на SCSS. За поддръжка на SCSS ще искате да поставите няколко къдрави скоби и точка и запетая.

Примери:

• Десетично към шестнадесетично:
  decimal-to-base(15731618, 16) // "f00ba2".

• Десетично към двоично:
  decimal-to-base(34, 2) // "100010".

• Времево клеймо за низ на заявка:
  decimal-to-base(1547598870, 2) // "pleb0y".

• Определено не е морзова азбука:
  decimal-to-base(34, 2, '-.') // "-...-.".

• Свръхразработено цяло число към низ:
  decimal-to-base(123456, 10) // "123456".

Известни предупреждения: (защото това е мръсна реализация)

• Въведеният десетичен знак трябва да е цяло число >= 0.
• Минималната база е 2.
• Ще искате да внимавате с големите цели числа.

Моите функции за промяна на числа напред и назад между шестнадесетични и десетични числа са

$hex-chars: "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F";

@function dec-to-hex($d) {
    $result: "";
    $rest: $d;
    @while $rest > 0 {
        $result: nth($hex-chars, $rest % 16 + 1) + $result;
        $rest: floor($rest / 16);
    }
    @return $result;
}

@function pow($number, $exponent) {
    $value: 1;
    @if $exponent > 0 {
        @for $i from 1 through $exponent {
            $value: $value * $number;
        }
    }
    @return $value;
}

@function hex-to-dec($d) {
    $result: 0;
    $number: inspect($d);
    $power: 0;
    @for $index from str-length($number) through 1 {
        $digit: str-slice($number, $index, $index);
        $value: index($hex-chars, $digit) - 1;
        $result: $result + ($value * pow(16, $power) );
        $power: $power + 1;
    }
    @return $result;
}

Десетичното число се счита за число, докато шестнадесетичното се счита за низ