Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
/* Стили для иконок через wiki-синтаксис */
.chem-icon {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 8px;
vertical-align: middle;
background-size: contain;
filter: var(--chem-icon-filter);
}
/* Динамическая адаптация под тему */
.skin-vector .chem-icon {
--chem-icon-filter: invert(0.15);
}
.skin-vector-dark .chem-icon,
.night-mode .chem-icon {
--chem-icon-filter: invert(0.85) hue-rotate(180deg);
}
/* Метка результата с wiki-синтаксисом */
.recipe-card::after {
content: attr(data-output);
/* остальные стили из предыдущего решения */
}