а зачем такие переменные $size-16 если в ней лежит просто число 16 как я понял?

все равно же если меняешь само число, то и название нужно менять)

Он видимо не разобрался с переменными еще)

блин я так и не начал юзать миксины, переменные полезная вещь, тут да, если нужно потом всем скопом поменять элементы

вообще хорошим тоном нуно называть переменную так, чтобы понятно было какую роль она выполняет
напримен primary, secondary

я каждый раз как начинаю миксин пытаться заюзать (чтобы было) всегда упираюсь в эту вещь, что один фиг при изменении какого-то значения, либо цепляется что-то еще, либо нужно переписывать что-то исходное)

и проще просто написать 2 свойства через пеменные)

вот например как я использую объекты

Сам массив с размерами

$font-sizes: (
  -1: 14,
  0: 16,
  1: 24,
  2: 48,
);

Функции которые находят нужный размер шрифта и преобразовывает его в rem

@function rem($px) {
  @return ($px / $size-base) + rem;
}
@function font-size($level: 0) {
  @return rem(map-get($font-sizes, $level));
}

а почему нельзя задать для бади font-size: 10px; а далее просто писать 1.4rem, 1.6rem и тд

пример по сложнее с тенями

$shadows: (
  'primary': (
    'size': (
      0,
      15,
      50,
    ),
    'color': 'blue-5',
    'opacity': 0.3,
  ),
  'secondary': (
    'size': (
      0,
      4,
      12,
    ),
    'color': 'blue-6',
    'opacity': 0.2,
  ),
);

@function shadow($key: 'primary') {
  $currentMap: map-get($shadows, $key);
  $result: '';

  @each $size in map-get($currentMap, 'size') {
    $result: $result + '#{rem($size)} ';
  }

  $result: $result +
    color(map-get($currentMap, 'color'), map-get($currentMap, 'opacity'));

  @return #{$result};
}

1. а зачем мне самому считать?)
2. я предпочитаю использовать для body основной размер шрифта и далее от него оталкиваться
3. я могу менять размеры шрифта в зависимости от разрешения, но вычисляемые размеры мне все равно нужны точные

понял) ну там не так что прямо считать)

в проекте так заведено, менять нет смысла потому что проект огромен

понятно, ну да когда уже все построено

А вот есть же допустим люди да, слабовидящие, и они же както меняют получается через браузер размеры? Чтобы все крупнее было?

Через что и как они это делают

если я допустиим задаю для body font-size:10px  и для текста допустим font-size: 1.8rem, то понятно я получаю просто 18px по сути

а вот эти штуки для слабовидящих, они что меняют? у бади font-size этот базовый? или как-то подругому?

Привет , ребят.
Кто-то имеет опыт настройки Фейсбук пикселя ?

да, rem всегда будет адаптировать под него, просто по умолчанию я задаю как раз таки реальный размер основного текста, чтобы таким людям было удобно менять размеры. Если там будет 10 пикселей, то как им понять каким будет  интерфейс когда они поставят там 18 например?)