Конвертация размеровlink

Для удобства преобразования значений между пикселями и системой фреймворка используется особая буквенно-цифровая схема. При 1rem = 16px:

  • A — диапазон от 0 до 9 пикселей. Каждая цифра после A — это количество пикселей. Например:
    a0 = 0px, a1 = 1px, a4 = 4px и т.д.
  • B — начинается с 10px. Каждая последующая цифра умножается на 1 и прибавляется к 10.
    Пример: b3 = 10 + (1×3) = 13px.
  • C — начинается с 20px. Каждая цифра после c умножается на 2 и прибавляется к 20.
    Пример: c8 = 20 + (2×8) = 36px.
  • D — начинается с 40px. Каждая цифра умножается на 4 и прибавляется к 40.
    Пример: d2 = 40 + (4×2) = 48px.

По аналогии:

  • E — начиная с 80px, каждая цифра ×8 +80.
  • F — начиная с 160px, каждая цифра ×16 +160.
  • G — начиная с 320px, каждая цифра ×32 +320.
  • H — начиная с 640px, каждая цифра ×64 +640.
  • I — начиная с 1280px, каждая цифра ×128 +1280.