Стаття
Тіло статті блогу: колонка прози шириною в міру читання, ліда, підзаголовки, врізка і сітка суміжних матеріалів під нею. Вузол 8.1, один екран.
.art - це колонка, і її ширина не 760, як каже сірий блок, а --container-text. 760 не стоїть у жодному реєстрі, а --container-text - це те, що цей продукт розуміє під «колонкою прози»: info-page.css читає її для сусідніх сторінок, і зображення стоїть завширшки з текстом, якому воно належить.
Усередині: .art-meta - рядок вихідних даних, .art-hero - кадр 16/9, .art-body - проза з власною лідою (.lede), заголовками h3, списком з намальованим маркером і .art-callout для врізки. Суміжні статті стоять ПОЗА колонкою - це секція після статті, тож вона бере всю сторінку і плинну сітку, як кожна інша сітка карток у системі.
Скільки протеїну потрібно насправді
Для більшості людей, які тренуються 3-4 рази на тиждень, це 1,6-2,0 г на кілограм ваги на добу - і більша частина цього приходить з їжею, а не з банки.
Звідки взялася ця цифра
Діапазон 1,6-2,0 повторюється в оглядах останніх років і не залежить від бренду добавки. Нижня межа працює для підтримки, верхня - для набору сухої маси.
- 1,2-1,4 г/кг - якщо ви не тренуєтесь
- 1,6-2,0 г/кг - силові 3-4 рази на тиждень
- до 2,2 г/кг - на дефіциті калорій, щоб зберегти м'язи
Порахуйте свою денну норму і відніміть те, що вже приходить зі звичайного раціону. Різниця і є те, що має сенс докривати добавкою.
.art:Тільки на вузлі 8.1 - сторінці статті блогу. Це редакційний матеріал: у нього є автор, дата, час читання і суміжні матеріали.
Потрібна проза на службовій сторінці (доставка, повернення, гарантія, про нас, контакти, юридичне) - це info-page.css і його .info-body, а не цей файл.
Не позичати .info-body і не позичати цьому файлові. info-page.css відкривається переліком своїх шести сторінок, і його власна .info-tbl відмовилась позичити .ctable на цій самій підставі партією раніше: правило вживання виграє в схожості. Службова сторінка ВІДПОВІДАЄ і читається уривками; стаття ВЕДЕ читача далі, і в її тіла є ліда, врізка і кадр.
.relart не є списком посилань «дивіться також» у підвалі: це три картки після статті. Рядок суміжних ЗАПИТІВ - це .relrow з related.css, інший об'єкт.
Ліда - одна, і вона одна на статтю. Друга ліда - це просто абзац.
Власних станів компонент не має: стаття не порожня і не завантажується окремо від сторінки. Рухаються тільки посилання - .art-body a міняє чорнило на --dur-fast, і картка суміжної статті бере край і тінь на наведенні. Обидва - робота ВІДПОВІДЬ.
Та сама будова, що сховала info-page.css і nav-tile.css: у wireframes/_wf.css немає жодного правила для art-*. Сірий екран несе все своє тіло у власному блоці <style>, що в сірому шарі законно і невидиме для інвентаря, зібраного зі спільної таблиці стилів. Третій файл партії з цим рядком - і на третьому це вже знахідка, а не виправдання: уся група f4 стилювала себе сама.
Сторінка звіряє себе з файлом: 9 власних класів і 0 станів, які вона може назвати, але не показати наживо.
Прочитані з article.css: 10 семантичних ролей і 23 примітивів. Список виводить node tools/roles.mjs article з самого файла, тож він не може розійтися з ним.
| Семантичні ролі (10) | Примітиви (23) |
|---|---|
--bg-page --bg-sunken --elevation-1 --line-hair --line-strong --text-action --text-body --text-muted --text-primary --text-secondary | --container-text --dur-fast --ease-standard --fs-12 --fs-14 --fs-16 --fs-18 --fs-20 --fw-black --fw-bold --fw-semibold --grid-col-min --grid-gap-fluid --lh-airy --lh-snug --radius-12 --radius-8 --space-12 --space-16 --space-24 --space-32 --space-4 --space-8 |