https://developer.mozilla.org/en-US/docs/Web/CSS/clamp
clamp()
https://habr.com/ru/companies/ruvds/articles/501634/
CSS-функции min(), max() и clamp()
.element {
width: clamp(200px, 50%, 1000px);
}
https://doka.guide/css/clamp/
https://dzen.ru/a/Zw0PicoIlSjYcWPO
Современные тренды CSS: эволюция функций
https://dzen.ru/video/watch/613273847916e7006a2f4b0a
Функция CSS attr и tooltip без JS
demo1
https://developer.mozilla.org/ru/docs/Web/CSS/Using_CSS_custom_properties
Использование переменных в CSS
https://html5css.ru/css/css3_variables.php
https://habr.com/ru/company/skillfactory/blog/523130/
https://css-live.ru/articles/dostup-k-css-peremennym-i-ix-izmenenie-spomoshhyu-javascript.html
Доступ к CSS-переменным и их изменение с помощью Javascript
footer.style.setProperty('--footer-color', this.value)
https://xhtml.ru/2021/javascript/sharing-data-between-css-and-javascript-using-custom-properties/
Передача данных между CSS и JavaScript с помощью CSS-переменных
https://overcoder.net/q/306768/%D0%BA%D0%B0%D0%BA-%D1%8F-%D0%BC%D0%BE%D0%B3%D1%83-%D0%BE%D0%BF%D1%80%D0%B5%D0%B4%D0%B5%D0%BB%D0%B8%D1%82%D1%8C-%D0%BF%D0%BE%D0%B4%D0%B4%D0%B5%D1%80%D0%B6%D0%BA%D1%83-css-%D0%BF%D0%B5%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85-%D1%81-%D0%BF%D0%BE%D0%BC%D0%BE%D1%89%D1%8C%D1%8E-javascript
window.CSS.supports('--fake-var', 0);