Іконка
Один набір, одна сітка: 2315 з 2431 іконок мають viewBox 0 0 24 24. Але намальовані вони в 30 різних розмірах і 6 товщинах лінії. Набір один, система - ні.
Перепис вище - знімок того, що знайшли, і він лишається як є: з нього виводились рішення. Нижче - той самий продукт, переміряний тим самим обходом після зведення значень. Дві колонки, бо знахідка без «стало» не закривається, а «стало» без знахідки не пояснюється.
| Що | Було | Стало | Рішення |
|---|---|---|---|
| товщина лінії | 6 | 4 | 1.5 і 1.7 зведені в 1.9; 2.4 і 2.6 лишились як оптична компенсація на 10-12px, і це тепер правило, а не дрейф. 1px x124 - ще не розібране. |
| розмір | 30 | не рахуємо | свідомо не чіпали, і числа тут навмисно немає: більшість розмірів це 1.05em від сусіднього тексту, тобто вони змінюються разом з кеглем поруч. Порівнювати їх до і після зміни кеглів полів - порівнювати різні популяції. Шкала окремих іконок - етап 09 |
Повний список рішень зі словами «змінна -> значення -> чому» - design/kit/docs/consolidation.md.
| Властивість | Різних | Значення |
|---|---|---|
| розмір | 30 | 18px×274, 13.6px×214, 21px×212, 13px×192, 22px×191, 19.9px×178, 24px×116 |
| товщина лінії | 6 | 1.9px×1931, 1.5px×250, 1px×124, 1.7px×58, 2.4px×34, 2.6px×34 |
| viewBox | 2 | 0 0 24 24×2315, 0 0 176 176×116 |
| заливка | 6 | none×2051, rgb(246, 168, 0)×250, rgb(91, 91, 84)×116, rgb(255, 90, 0)×6, rgb(0, 0, 0)×4, rgb(28, 28, 28)×4 |
Розмірної шкали немає
30 різних розмірів на екранах. Дробові (13.6, 19.9) - це em від кегля тексту поруч, тобто розмір іконки вирішує не система, а випадковий кегль сусіда. Три-чотири сходинки покрили б усе.
Товщина лінії пливе
1.9px - основна, але поруч живуть 1.5px, 1px, 1.7px, 2.4px, 2.6px. Іконки з різною товщиною в одному рядку читаються як з різних наборів, і це помітно раніше за будь-який відтінок.
Колір - єдине, що працює правильно: 14 різних розв'язаних кольорів, і всі приходять з currentColor, тобто від ролі тексту поруч. Іконка ніде не оголошує колір сама.