Картка
Поверхня, на якій стоїть усе інше. 1075 входжень у кольорі і 40 різних поверхонь: тло, рамка, радіус і тінь у всіх комбінаціях.
Тут дрейф найдорожчий, бо картка задає ритм екрана: два різні радіуси поруч видно навіть тому, хто не знає слова «радіус».
Перепис вище - знімок того, що знайшли, і він лишається як є: з нього виводились рішення. Нижче - той самий продукт, переміряний тим самим обходом після зведення значень. Дві колонки, бо знахідка без «стало» не закривається, а «стало» без знахідки не пояснюється.
| Що | Було | Стало | Рішення |
|---|---|---|---|
| радіус | 7 | 4 | 14 пішов у 12, 10 у 8; лишились 12 / 16 / 8 / 0 |
| рамка | 14 | 14 | не зведено: це комбінації товщини й кольору, а товщину ніхто не вирішував |
Повний список рішень зі словами «змінна -> значення -> чому» - design/kit/docs/consolidation.md.
| Разів | Тло | Рамка | Радіус | Тінь | Класи |
|---|---|---|---|---|---|
328 | rgb(255, 255, 255) | 1px rgb(233, 231, 226) | 14px | тінь | .acard .acc-prof .addr-card |
170 | none | 1px rgb(233, 231, 226) | 0px | - | .co-line .co-total .ord-body |
164 | rgb(255, 255, 255) | 1px rgb(233, 231, 226) | 12px | - | .brandbox .wff-tc |
87 | none | none | 0px | тінь | .wff-tc |
48 | rgb(255, 255, 255) | 1.5px rgb(233, 231, 226) | 16px | тінь | .gtile |
36 | rgb(255, 255, 255) | 1px rgb(233, 231, 226) | 16px | тінь | .co-err-box .co-proc-box .hdeal |
28 | none | 1px rgb(233, 231, 226) | 12px | - | .dpblk .skcard |
18 | rgb(242, 240, 237) | 1px rgb(233, 231, 226) | 12px | - | .seotext |
18 | none | none | 14px | тінь | .tsx |
15 | rgb(250, 249, 247) | 1px rgb(233, 231, 226) | 12px | - | .auth-banner .co-bonus .co-keep |
14 | none | 1px rgb(233, 231, 226) | 14px | - | .pcard-l |
12 | none | 1px rgb(233, 231, 226) | 16px | - | .gmain .promo |
| Властивість | Різних | Значення |
|---|---|---|
| радіус | 7 | 14px×395, 0px×276, 12px×237, 16px×120, 10px×28, 11px×11, 18px×8 |
| рамка | 14 | 1px rgb(233, 231, 226)×838, none×119, 1.5px rgb(233, 231, 226)×54, 1px rgb(217, 217, 217)×17, 1.5px rgb(28, 28, 28)×10, 1px rgb(28, 28, 28)×8, 1.5px rgb(217, 217, 217)×6 |
| тінь | 2 | yes×557, none×518 |
| тло | 11 | rgb(255, 255, 255)×606, none×365, rgb(250, 249, 247)×49, rgb(242, 240, 237)×18, rgb(28, 28, 28)×16, rgb(251, 246, 236)×8, rgb(252, 248, 241)×4 |
Радіус має 7 значень на одній ролі. Картка товару бере 14px, сусідній блок 12px, плитка цілі 16px - і жодне з цих чисел не є рішенням, вони просто набрались. Тінь стоїть на 557 поверхнях і відсутня на 518, тобто «піднята» і «плоска» поверхні не розділені правилом.