контекстное меню по кнопке релоада вызывается только при открытых девтулзах.
обычный хард релоад работает в большинстве случаев, хоткей для винды/линукса не подскажу.

Просто где то год назад, кто-то рассказывал. Шо есть какой-то файл в сборках webpack/gulp. Который прям к файлу .css подписывает дату редакции и тем самым показывая ftp шо файл как будто новый

да, все гуд. Еще раз спасибо. Еще бы понять в теории как это сработало.

ааа. ты про это. есть такое.

в теории у тебя был задан top в пикселях. когда ты сделал тоа авто главным правилось которре размещало блок стал bottom: 0. ну и маржин нижний там каккой то корявый ты убрал и вуаля оно на месте

если коротко то вот) https://webpack.js.org/guides/caching/

для галпа хз. оч старый он. не юзал уже лет 8 наверное

Спс

Кто-нибудь сталкивался с тем что срабатывает медиа запрос prefers-reduced-motion ? он у меня автоматом включен и на chrome и на firefox почему-то

если по длинному то webpack html plugin инлайнит пути к файлам стилей и js. но при каждой сборке в имени файла другой хэш. браузер считает что это новый файл и собственно грузит его по новой

Так а почему когда я попробовал применить bottom : 0! Important  -  оно не стало приоритетнее?

Или стало,  только марджин толкал?

потому что топ толкал этот маржин за экран. а с одним боттомом маржин начал толкал снизу. почитай про box-model. хотя я могу ошибаться но мне кажется что так. если есть время вон на кодпене поиграйся. подобавляй паддингов мардинов и повозюкай див топом и боттомом посмотри как это работает включаю и отключая правила.

Нашёл  https://vk.com/@webcademy-vkluchenie-i-vykluchenie-animacii

Медиазапрос: если значение prefers-reduced-motion равно reduce (Указывает, что пользователь уведомил систему, что он предпочитает интерфейс, который минимизирует количество движения или анимации, предпочтительно до точки, где все несущественные движения удаляются.)

Ребят, не могу понять, почему в первом и третьем случае с лепестками (petal #one #three) все работает как надо, а со вторым и четвертым как-то иначе. У меня есть класс wheel, у которого position: relative. У вложенных в него всех лепестков position: absolute, дабы местоположение каждого из лепестков я высчитываю от края рамки для класса wheel. И в случае с первым и третьим, когда я говорю, что left и right 0px, это работает верно, и лепестки отображаются ровно от края рамки класса wheel. А когда я задаю для второго и четвертого top и bottom 0px, по аналогии с первым и третьим лепестками, то эти лепестки начинают отрисовываться выше или ниже самой рамки для класса wheel. Почему для первого и третьего логика работает, а для второго и четвертого нет?

https://codepen.io/llvll/pen/dyGBjpW

вот фикс нижнего лепестка. с верхним попробуй сам)))

А как ты можешь объяснить, мол почему правый и левый правильно отсчитываются от края рамки wheel, а верх и низ отсчитываются от начала и конца страницы, а не wheel?

могу предположить что при вопороте на 90 градусов твой calc считает длинну высотой

попробуй сделать всем лепесткам top: 0; left: 0; и в транслейте уже калком раздвинуть их куда надо