Я нахожусь в процессе разработки новой стартовой темы для себя. В нем есть несколько контрольных точек, которые я буду использовать sh для всей темы. Вместо того, чтобы управлять точками останова для каждого медиазапроса, я хотел установить CSS переменные в качестве значения пикселя точки останова и вызвать переменную внутри медиазапроса. Ниже приведен пример того, как (в идеале) это будет работать
:root {
--medium: 1024px;
}
p {
color: black;
}
@media screen and ( min-width: var(--medium) ) {
p {
color: red;
}
}
<p>Text I want to be red in screens larger than 1024px.</p>
Этот лог c, к сожалению, не работает в обычном CSS / CSS3. Кто-нибудь знаком с методом создания единой точки, где я могу настроить точки останова медиазапроса для всей темы без использования препроцессора? Заранее спасибо!