jeruthadam, эм, ну как вам сказать, вам никто не скажет кода. Ну а если говорить, про как, то берется ширина макета, блок визуально размещается, центрируется, меняется его значение ползунками -- габариты блока просчитываются в vw, исходя от его размера относительно ширины макета. Поставили округление расчетов до 5 знаков после запятой -- вот вам и дробные единицы. Дробные значения делаются, чтобы можно менять габариты без визуально заметных шагов (типа шаг увеличения +-5px).
К примеру, плагин для эмуляции эффекта pinch-to-zoom вот такие единицы ставит окну браузера transform: scaleX(2.65801) scaleY(2.65801), потому что если сильнее округлять, то уже будет рывками (шагами) менять зум.
jeruthadam, в процессе производства сайта. К примеру, они размещают текст визуально на макете в своем ПО, задают параметры блоку, а его габариты при сборке уже просчитываются и записываются в CSS на «продакшн» при сборке.
К примеру, вспомните, как можно менять размеры текста в том же Photoshop -- просто тянуть за угол, а он сам считает его размер в дробных единицах.
Это делается либо в визуальных конструкторах (индивидуальной разработки) на том же React, либо через иное решение на том же React, которое заранее просчитывает размер того или иного элемента в зависимости от ряда параметров. Крупная студия вполне может позволить себе разработку такого решения для внутреннего использования.
jeruthadam, есть ещё вариант. Ребята из моей команды делали такую штуку, что размеры порядка 20 блоков рассчитывались на сервере после обращения к странице и вываливались во фронтенд отдельным файлом. Я так и не понял, зачем они это делали :))
jeruthadam, скорее всего это функция сборщика, который считает, сколько конкретный блок текста займёт места на экране и ставит в готовый билд эти значения. А-ля жёсткая макетизация на новый лад.
Нерон Лордов, рынок не всегда говорит вам здравствуйте, когда дело доходит до Figma. Много компаний, с которым я работал, используют Sketch, что гарантирует проблему экспорта макетов в другие редакторы (Figma, Zeppelin ну и т. п.). А Figma и на MacOS есть (да и на Linux, LOL).
Более того, если человек хочет заниматься дизайном сайтов, UX/UI, он должен иметь представление о вёрстке (желательно более глубокое). Проверить работу того или иного аспекта этого дела в Safari — можно нормально только в MacOS и XCode.
P. S. Я тоже пользуюсь Figma, если не нужно что-то иное.
Максим Ленский, не-е, ему нужно, чтобы были все с подчеркиванием, кроме первых li.
Решение на li:not(:nth-child(1)) человеку не подходит, потому что у него есть исключение: подчеркивание нужно сохранить в первом ul на первом li (ну то есть можно сделать отдельное правило для этого блока)
Но. Я предлагаю ем сделать нормальную структуру, а не заниматься вот этой неконтролируемой ерундой.
Более того, я не знаю, что у вас в макете и как это должно выглядеть, поэтому могу понять вас неверно. Но если я правильно понял, отступ сверху нужно прописывать у родительского блока с помощью padding, либо у этого h1 с помощью margin-top.
Helios69, вы можете прописать высоту строки самостоятельно. В данном примере высота строки вычисляется автоматически на основе высоты шрифта. Высота строки обычно больше высоты шрифта для того, чтобы шрифт не слипался, если текст в две и более строки.
