Картка акції

.promo-grid плинна: auto-fill від --grid-col-min-panel. Сірий блок ставить точку на 720, якої немає в реєстрі точок, а bp.mjs валить прогін на третій. Плинна сітка дає одну, дві або три колонки за наявною шириною - це і є те, що responsive.md зве «WIDER · grid | fluid».

Усередині .pcard-promo: .banner 21/9 з фотографією, .badge НА ній, далі .bd з .ttl, .desc, .until і кнопкою.

Тільки на вузлі 8.10 - сторінці акцій. Кожна картка веде в добірку (2.x) або на товар.

Ніяких таймерів. Принцип 4: спокійно і впевнено, без зворотного відліку і без терміновості. .until - це ОДИН тихий рядок з датою, і в цьому файлі немає нічого, що рухається саме по собі.

Це не картка блогу, хоча оболонка та сама. Партія 2 звела картку бренду і плитку категорії в один nav-tile.css, бо драбина читається за РОБОТОЮ і обидві відкривають обсяг каталогу. Те саме читання ці дві РОЗВОДИТЬ: картка блогу просить, щоб її ПРОЧИТАЛИ, і несе дату й час читання; картка акції просить, щоб КУПИЛИ на цих умовах, і несе дату закінчення й кнопку. Принцип 1 ставить стіну рівно там - «спершу довіра, потім продаж» є принципом лише тоді, коли це два розрізнювані об'єкти.

Мітка стоїть на ФОТОГРАФІЇ, тож читає ролі фотографії - --bg-media і --text-onmedia, а не чорнило сторінки. Це правило 8 системи, і саме його цей етап зламав тричі за один день, доки перепис тем не впіймав третій випадок.

Один, і це робота ВІДПОВІДЬ: :hover піднімає картку на 2px і міняє тінь з --elevation-1 на --elevation-2 за --dur-fast. Та сама відповідь, що в .blogcard - однакова робота, однакова тривалість.

У wireframes/_wf.css немає правила для pcard-promo: сірий екран стилює себе сам. І другий бік того самого - product-card.css ще на етапі 08 перелічив .hpromo, .blogcard і .certthumb серед того, чим він НЕ є, тобто система вже знала, що медійних карток кілька родів. Чого інвентар не сказав - що одного з тих родів у ньому немає зовсім.

Сторінка звіряє себе з файлом: 9 власних класів і 1 стан, показаний наживо вище.

Прочитані з promo-card.css: 10 семантичних ролей і 19 примітивів. Список виводить node tools/roles.mjs promo-card з самого файла, тож він не може розійтися з ним.